 Zufallsgrafik anzeigen (simpel)
Ein Zufallsbild wird beim Öffnen der Seite in ihrem HTML-Dokument angezeigt. Hier wird eines von x eingetragenen Bildern zufällig ausgewählt und angezeigt. |
|
Zufallsgrafik beim Öffnen der Seite anzeigen
Sie können ein Banner, ein Foto oder ein Clipart-Image anzeigen lassen. Ihre Seite erscheint also beim Aufbau jedesmal in einer zufälligen Konfiguration für die Bildansicht. Das bringt ein weing Abwechslung und gibt ihrer Seite einen interessanten Anstrich.
|
Gleich beim Laden der Seite wird eine Zufallsgrafik angezeigt. Diese Grafik wird von einem JavaScript aus den von ihnen bereitgestellten Grafiken zufällig ausgewählt. |
Aufwand zum Einbau in ihre Seiten:
- JavaScript im Head-Bereich ihrer HTML-Datei notieren
- Funktionsaufruf im Body-Bereich notieren
- Breite der Grafik eintragen
- Höhe der Grafik eintragen
- URL der Zufallsgrafiken eintragen
Im Body-Bereich
Der Javascript-Funktionsaufruf wird in ihrer HTML-Seite an der Stelle notiert, wo die Grafik angezeigt werden soll.
<script type="text/javascript" language="JavaScript">
<!--
ZufallsBildStart()
//-->
</script>
Funktion
Das JavaScript schreibt das HTML-Image-Tag für die Grafik in die Seite.
Abmessungen und die URLs der Grafiken werden im Script notiert. Für jede Zufallsgrafik wird die Grafik-URL in einen Array eingteragen. Auszug:
// hier die Abmessungen eintragen
ZufallBreite = 150;
ZufallHoehe = 113;
ImageArr = new Array()
// hier die Grafiken eintragen
ImageArr[ImageArr.length] = "images/tag01.jpg";
ImageArr[ImageArr.length] = "images/tag02.jpg";
ImageArr[ImageArr.length] = "images/tag03.jpg";
ImageArr[ImageArr.length] = "images/tag04.jpg";
ImageArr[ImageArr.length] = "images/tag05.jpg";
ImageArr[ImageArr.length] = "images/tag06.jpg";
Nach diesem Schema können sie weitere Eintragungen notieren. Ich habe diese Art der Zuweisung für die Array-Elemente gewählt, weil sie weniger fehlerträchtig ist (Element-Nummern müssen nicht eingetragen werden).
Die Anzahl der eingetragenen Bild-URLs (Anzahl der Eintragungen) wird automatisch ermittelt.
Eine Zufallszahl 'Zufall04' mit einem Wert zwischen 0 und der Anzahl der Arrayelemente -1 wird ermittelt. Abhängig von der Zufallszahl wird der Wert im Array ausgewählt. Das Script organisiert die zufällige Auswahl, imdem die zufällig ermittelte Bildquelle (Bild-URL) in die Schreibanweisung für den HTML-Image-Tag (<img>) eingetragen wird.
|
HOME
Quellcode 
ZURÜCK 