HpBk-TemplateWorld

Zufalls Bildergalerie

Bilder mit zufälligem Bilderwechsel

Einleitung

Das Homepage-Baukasten Forum hilft einem bei vielen Fragen und Problemen. Man bekommt meistens sofort eine Antwort von den vielen hilfreichen Usern oder Moderatoren. Und ein solches Forum bietet eigentlich immer ein nützliches Extra: Die Foren-Suche. Doch diese wird von vielen Usern gar nicht verwendet. Und wenn ich ganz ehrlich bin, ist es des Öfteren sehr schwierig, genau das zu finden, wonach ich selbst suche.

Schwierigkeitsstufe: Fortgeschritten

Aber genug geredet: Ich habe für euch ein Javascript aus dem Forum herausgesucht, mit dem ihr eine "Zufalls Bildergalerie" gestalten könnt. Wenn ihr zum Beispiel auf eurer Homepage eine andere Seite aufruft, oder eure Seite immer neu geladen wird, dann erscheint auch jedesmal ein anderes Bild, also ein zufälliges Bild auf eurer Homepage, ohne eine bestimmte Reihenfolge.

Den folgenden Code könnt ihr entweder in eurem Design unterbringen oder auch in den Quellcode einer angelegten Seite im Seiteneditor einfügen.

<script language="JavaScript" type="text/javascript">
<!--
var image = new Array();
var link = new Array();

/** Hier die (Zufalls)-Bilder eintragen. **/

image[1] = 'http://HIER-DEINE-BILD1-URL.jpg';
image[2] = 'http://HIER-DEINE-BILD2-URL.jpg';
image[3] = 'http://HIER-DEINE-BILD3-URL.jpg';
image[4] = 'http://HIER-DEINE-BILD4-URL.jpg';

/** Hier die (Zufalls)-Links eintragen. **/

link[1] = 'http://HIER-DEIN-LINK1.htm';
link[2] = 'http://HIER-DEIN-LINK2.htm';
link[3] = 'http://HIER-DEIN-LINK3.htm';
link[4] = 'http://HIER-DEIN-LINK4.htm';

/** Ab hier nichts mehr ändern! **/

var num = Math.random();
var ran = Math.floor((image.length - 1) * num) + 1;

document.write('<a href="' + link[ran] + '"><img src="' + image[ran] + '" border="0" /></a>');
//-->
</script>

Achtet darauf, dass ihr eure Bilder vorher zum Beispiel mit einem Bildbearbeitungsprogramm wie PhotoFiltre, Gimp oder Photoshop auf die gewünschte Größe bringt. Ihr könnt die Bildergalerie beliebig erweitern. Achtet auch darauf, wenn ihr eure Bilder verlinken wollt, dass ihr die Links den richtigen Bildern zuordnet. Ein toller Hingucker für eure Seite!

Kommentare zu dieser Seite: