Fotoshow mit Javascript
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
anzeigen
befinden
bild
code
dia
fehler
format
hilfe
http
image
ordner
papierkorb
pfad
sekunde
spielplatz
stehen
url
verstehen
weiterleiten
-
Ich möchte ein Bild anzeigen, dass sich nach 4 sekunden automatisch und zufällig in ein anderes ändert.
Die Bilder befinden sich in dem ordner ../images/ und sind durchnummeriert und im jpg format.
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Home</title> <script type="text/javascript" language="JavaScript">function change() {var nr=1;nr=Math.random();nr*=21;nr=Math.ceil(nr);document.getElementById("bild").src="images/"+nr+".JPG";} setInterval("change()",4000);</script> <meta http-equiv="refresh" content="20;url=../index.php"> <link href="css/CSS.css" rel="stylesheet" type="text/css" /> </head> <body> <div align="center"> <p><img src="images/logo.JPG" alt="Fotoshow" width="600" name="picture" id="bild"/> </p> </div> </body> </html>
Dieses Script funktioniert nicht aber wo liegt mein Fehler?
Dankeschön im voraus
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Habe den code getestet, funktioniert einwandfrei.
Einzige änderung die ich gemacht habe war das ich aus "JPG", "gif" gamacht habe.
Das diese meta-angaben weiterleiten weisst du?
<meta http-equiv="refresh" content="20;url=../index.php">
ich schätze mal das der pfad falsch ist oder dort "jpg" stehen sollte -
Ja da lag der Fehler wirklich vielen dank.
kann man dieses script auch so modifizieren, dass die bilder weich ineinander übergehen? -
möglich ist es aber nicht 'mal eben' möglich.
Ich habe Dir mal aus einem laufenden Projekt, ein dia-beispiel hochgeladen.
http://simuliertes.lima-city.de/spielplatz/papierkorb/diabeispiel.htm
Ich sag's aber gleich, solltest Du eher wenig von javascript verstehen, wird Dir der Link keine große hilfe sein...
Google stichwörter:
javascript, fade, opacity, dia -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
