Das zufällige Anzeigen von Bildern ist eine sehr weit verbreitete Technik. Beispielsweise werden beim Betreten einer Website immer wieder andere Banner angezeigt oder es gibt immer wieder Hinweise mit unterschiedlichem Inhalt. Solche Beispiele findet man oft beim Surfen im Internet. Mithilfe dieser Technologie können nicht nur mehr Inhalte an einem bestimmten Ort platziert werden, sondern es kann den Menschen auch die Illusion häufiger Aktualisierungen vermittelt werden.
Wie aufgeregt bist du? Tatsächlich ist alles so einfach, solange Sie über ein wenig Grundkenntnisse in HTML und Javascript verfügen. Folge mir und lass uns einen Blick auf ihre zufälligen Geheimnisse werfen.
Beginnen wir mit einem einfachen Beispiel. Normalerweise fügen wir der Seite Bilder mit <img src="picture"> hinzu. Wenn wir drei verschiedene Bilder nach dem Zufallsprinzip anzeigen möchten, müssen wir eine kleine Änderung an diesem Code vornehmen. Fügen Sie zunächst das <script>-Tag hinzu:
Das Folgende ist ein zitiertes Fragment:
<script language=javascript></script>
Fügen Sie dann <img src="picture"> mit document.write("") in dieses Tag ein, und es wird
document.write("<img src=image>")
Lassen Sie uns nun den kritischsten Absatz beenden:
Hier ist das Zitat:
id=Math.round(Math.random()*2)+1
Auf diese Weise werden die Zufallszahlen 1, 2 und 3 erhalten. Benennen Sie das Bild, das Sie anzeigen möchten, in 1.gif, 2.gif, 3.gif um, ok! Der endgültige Code lautet:
Hier ist der Zitatausschnitt:
<Skriptsprache=Javascript>
id=Math.round(Math.random()*2)+1
document.write("<img src="+id+".gif>")
</script>
Probieren Sie es aus, ist es nicht gut? Was also, wenn jedes meiner Bilder einem Hyperlink entspricht?
Nehmen wir an, dass es drei Bilder gibt: 1.gif, 2.gif, 3.gif, und die entsprechenden Links sind URL1, URL2 und URL3.
Um eine Eins-zu-eins-Entsprechung zwischen Bildern und Links zu erhalten, müssen wir wie folgt ein Array-Bild einrichten, um die Adresse des Links zu platzieren:
Das Folgende ist ein Referenzfragment:
var image=new Array(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
Um den Link zum Bild zu erhalten, müssen wir auch ein Array imageurl=image[id] definieren.
Das Prinzip ist folgendes:
Wenn die Seite gelesen wird, wird eine Zufallszahl genommen, vorausgesetzt, sie ist 2, also id = 2, dann können wir 2.gif wie oben problemlos auf der Seite anzeigen. Dann sehen wir: imageurl=image[2] und image[2]="url2", der Rest ist einfach. Der vollständige Code lautet wie folgt:
Das Folgende ist ein zitiertes Fragment:
<Skriptsprache=Javascript>
var image=new Array(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
id=Math.round(Math.random()*2)+1
imageurl=image[id]
document.write("<a href="+bannerurl+">"+"<img src="+id+".gif>")
</script>
Nachdruck aus: Seven Color Bird Design---pc-king