Der folgende Beitrag wurde am 26. 10. 2002, 15:18 Uhr von Helmar Schütz veröffentlicht.
Wie schaffe ich es mehrere jpg-Dateien in einer Endlosschleife ein- und auszublenden?
Der folgende Beitrag wurde am 26. 10. 2002, 15:20 Uhr von Stefan Einspender veröffentlicht.
> Wie schaffe ich es mehrere jpg-Dateien in einer Endlosschleife ein- und auszublenden?
Dazu benötigst Du JavaScript. Schreibe Dir einfach ein Script, welches den gewünschten Ablauf realisiert und baue es ein.
Der folgende Beitrag wurde am 26. 10. 2002, 16:10 Uhr von Dmitri Rettig veröffentlicht.
Hi,
<script type="text/javascript">
<!--
// Bilder vorladen, damit sie geladen sind
var bild = new Array();
bild[0] = new Image();
bild[0].src = "bild1.jpg";
bild[1] = new Image();
bild[1].src = "bild2.jpg";
bild[2] = new Image();
bild[2].src = "bild3.jpg";
// du kannst weitere Bilder vorladen
var i = 1;
function Daumenkino() {
if (i == 3)
i = 0;
document.daumenkino.src = bild[i].src;
// Daumenkino ist die id deines Bildes
// <img src="bild" id="daumenkino" ... />
// Das must du natürlich im <body> Teil einfügen
i++;
window.setTimeout("Daumenkino()",1000); // 1000 ms = 1 sec
// Du kannst den Wert ändern
}
// <body onLoad="Daumenkino();" ... > nicht vergessen
</script>
Ich hoffe, es ist verständlich.
Mit freundlichen Grüßen
Dmitri Rettig
Der folgende Beitrag wurde am 26. 10. 2002, 16:18 Uhr von Dmitri Rettig veröffentlicht.
Sorry, fehlerchen
> Hi,
> <script type="text/javascript">
> <!--
> // Bilder vorladen, damit sie geladen sind
> var bild = new Array();
> bild[0] = new Image();
> bild[0].src = "bild1.jpg";
> bild[1] = new Image();
> bild[1].src = "bild2.jpg";
> bild[2] = new Image();
> bild[2].src = "bild3.jpg";
> // du kannst weitere Bilder vorladen
> var i = 1;
> function Daumenkino() {
if (i == bild.length) // <<< hier steckt der fehler
> i = 0;
> document.daumenkino.src = bild[i].src;
> // Daumenkino ist die id deines Bildes
> // <img src="bild" id="daumenkino" ... />
> // Das must du natürlich im <body> Teil einfügen
> i++;
> window.setTimeout("Daumenkino()",1000); // 1000 ms = 1 sec
> // Du kannst den Wert ändern
> }
> // <body onLoad="Daumenkino();" ... > nicht vergessen
> </script>
> Ich hoffe, es ist verständlich.
Mit freundlichen Grüßen
Dmitri Rettig
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4