Suche auf lima-city
-
in: Mehrere Bildwechsel in Tabelle mit Javascript
geschrieben von aahmeise
Zu 1: Sorry! Das hab ich nicht bedacht... (berichtigt)
Zu 2: richtig
Zu 3: genau -
in: Mehrere Bildwechsel in Tabelle mit Javascript
geschrieben von aahmeise
Hi!
Ich habe folgendes Problem:
Ich möchte in einer Tabelle mehrere automatisch ablaufende Bildwechsel realisieren. In jeder der Zellen der Tabelle soll ein eigener Bildwechsel stattfinden mit jeweils anderen Bildern.
Folgenden Code habe ich bereits:
<html> <head> <title>Schauen Sie auch hier:</title> </head> <body onload='start();'> <table border="1" width="100%"> <tr> <td colspan="5">Schauen Sie auch hier:</td> </tr> <tr> <td> <img id="image" src="http://www.xyz.de./ordner/Bild1.JPG" alt="describing text for image one" title="title for image one" width="100" height="100" /> <script language="JavaScript"> var images = new Array( ["http://www.xyz.de/ordner/Bild1.JPG", "Beschreibung", "Titel Bild1"], ["http://www.xyz.de/ordner/Bild2.JPG", "Beschreibung", "Titel Bild2"] ); var counter = 0; function start() { var image = document.getElementById('image'); image.setAttribute('src', images[counter % (images.length)][0]); image.setAttribute('alt', images[counter % (images.length)][1]); image.setAttribute('title', images[counter % (images.length)][2]); counter++; setTimeout("start()", 2000); } </script> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </tr> </table> </body> </html>
Wie realisiere ich es denn nun, dass ich in jeder der Zellen einen Bilderwechsel hinbekomme?
Ich habe schon einiges ausprobiert, jedoch hat nichts wirklich geklappt, außer dem 1. Bilderwechsel... Muss ich irgendwas noch durchnummerieren oder so damit sich die Javascripts nicht in den weg kommen??