Bildfolge
Maddin
- javascript
Hi!
Wie kann ich mit Hilfe von JavaScript eine Bildfolge (mehrere Bildersollen nach einem Knopfdrück nacheinander angezeigt werden) realisieren,ohne dass ich eine animierte gif-Datei verwenden muss?
Maddin
Hallo
Du baust dir einen Zähler. Der wird bei Knopfdruck immer erhöht/verringert (achtung, Überlauf!) und lädt dann das entsprechende Bild.
Du kannst entweder einen Array mit den Bildquellen machen oder die Bilder mit Zahln als Dateiname versehen. Je nach dem rufst du dann immer das entsprechende Bild entsprechend auf.
Grüße
David
Hallo,
http://selfhtml.teamone.de/javascript/objekte/images.htm#src
<html><head><title>Test</title>
</head><body>
<img src="hans.gif" width="400" height="300" alt="Hans">
<script type="text/javascript">
<!--
/* Das gaze etwas abgeändert, da ich die Bezeichnungen so sinnvoller finde, und da der Code so etwas kuerzer ist */
var pic = new Array();
pic[0] = new Image();
pic[0].src = "holger.gif";
pic[1] = new Image();
pic[1].src = "hilmar.gif";
pic[2] = new Image();
pic[2].src = "heiner.gif";
pic[3] = new Image();
pic[3].src = "hans.gif";
var i = 0;
function Animation()
{
if(i++ > pic.length-1)
i = 0;
document.images[0].src = pic[i].src;
// gegebenfalls auch document.getElementById("bildid").src = pic[i].src;
window.setTimeout("Animation()",1000);
}
window.setTimeout("Animation()",1000);
//-->
</script>
</body></html>
Mit freundlichen Grüßen
Dimitri Rettig