Hallo
ich habe versucht, mithilfe eines Javascript-Codes beim Laden einer Seite ein Bild erscheinen zu lassen.
Nun möchte ich, dass in einer gewissen Zeitspanne die Bilder automatisch wechseln. Zusätzlich habe ich auch versucht, es so einzustellen, dass das Erscheinen des nächsten Bildes per Zufall verläuft (Also z.b von insgesamt 5 Bildern zuerst Bild1, dann Bild3, Bild4,Bild2,Bild3,Bild1,Bild5 usw...)
So sieht mein bisheriger Code aus:
Hierbei beziehe ich mich auf den Ordner "TestOrdner", wo die 5 Bilder enthalten sind (alle png-Format), die alle mit 1,2,3,4 und 5 bezeichnet wurden. Hier ein Schnappschuss davon:
http://www.bilder-upload.eu/show.php?file=ee1882-1468795725.png
Wenn ich, sozusagen, den Code über einen Browser öffne, erscheint das Bild "1.png", so sollte es anfangs auch sein, allerdings erscheinen dann die restlichen Bilder fehlerhaft, die dann in so einer Schleife abgespielt werden sollen. Hier dieses Bild veranschaulicht mein Problem:
http://www.bilder-upload.eu/show.php?file=246cfc-1468795208.png
Hättet ihr hier vielleicht eine Lösung parat?
Könnte ich hierbei vielleicht auch alle Bilder, die zufällig abgespielt werden sollen, im Internet hochladen und dann alle Bilder per Quellcode einfügen, mit einem Index (also mit den Zahlen 1,2,3,4 und 5) versehen und dass dann diese Bilder anhand der zufällig ausgewählten Zahlen zufällig abspielen lassen? Wenn ja, wie mach ich das?
Vielen Dank für eure Hilfe!
ich habe versucht, mithilfe eines Javascript-Codes beim Laden einer Seite ein Bild erscheinen zu lassen.
Nun möchte ich, dass in einer gewissen Zeitspanne die Bilder automatisch wechseln. Zusätzlich habe ich auch versucht, es so einzustellen, dass das Erscheinen des nächsten Bildes per Zufall verläuft (Also z.b von insgesamt 5 Bildern zuerst Bild1, dann Bild3, Bild4,Bild2,Bild3,Bild1,Bild5 usw...)
So sieht mein bisheriger Code aus:
Javascript:
<html>
<head>
<script type="text/javascript">
function bildwechsel_starten()
{
bildwechselthread = setInterval("bildwechsel()", 2000);
}
function bildwechsel()
{
zufall = Math.random();
zufall = zufall * 5;
zufall = Math.round(zufall);
document.getElementById("wechselndesbild").src = "TestOrdner/" + zufall + ".png";
}
</script>
</head>
<body>
<img id="wechselndesbild" src="1.png" />
<script>
bildwechsel_starten()
</script>
</body>
</html>
Hierbei beziehe ich mich auf den Ordner "TestOrdner", wo die 5 Bilder enthalten sind (alle png-Format), die alle mit 1,2,3,4 und 5 bezeichnet wurden. Hier ein Schnappschuss davon:
http://www.bilder-upload.eu/show.php?file=ee1882-1468795725.png
Wenn ich, sozusagen, den Code über einen Browser öffne, erscheint das Bild "1.png", so sollte es anfangs auch sein, allerdings erscheinen dann die restlichen Bilder fehlerhaft, die dann in so einer Schleife abgespielt werden sollen. Hier dieses Bild veranschaulicht mein Problem:
http://www.bilder-upload.eu/show.php?file=246cfc-1468795208.png
Hättet ihr hier vielleicht eine Lösung parat?
Könnte ich hierbei vielleicht auch alle Bilder, die zufällig abgespielt werden sollen, im Internet hochladen und dann alle Bilder per Quellcode einfügen, mit einem Index (also mit den Zahlen 1,2,3,4 und 5) versehen und dass dann diese Bilder anhand der zufällig ausgewählten Zahlen zufällig abspielen lassen? Wenn ja, wie mach ich das?
Vielen Dank für eure Hilfe!