hallo, ich habe da eine bilderserie, die per javascript abläuft.
die bilder sind bils1-bild 20. von bild1-10 läuft eine endlosschleife. dann habe ich ein bild (ok.jpg) als button.
Zu meinem Problem, wie kann ich den code umwandeln, das, wenn ich den button klicke, die bilder ab bild 11 weiter laufen als diashow, und dann bei endbild 20 alles wieder zu bild eins geht.
Hier mein code:
die bilder sind bils1-bild 20. von bild1-10 läuft eine endlosschleife. dann habe ich ein bild (ok.jpg) als button.
Zu meinem Problem, wie kann ich den code umwandeln, das, wenn ich den button klicke, die bilder ab bild 11 weiter laufen als diashow, und dann bei endbild 20 alles wieder zu bild eins geht.
Hier mein code:
HTML:
<script type="text/javascript">
<!--
var b = new Array();
b[0] = new Image(); b[0].src = "bilder/kampf2/k_0001.jpg";
b[1] = new Image(); b[1].src = "bilder/kampf2/k_0002.jpg";
b[2] = new Image(); b[2].src = "bilder/kampf2/k_0003.jpg";
b[3] = new Image(); b[3].src = "bilder/kampf2/k_0004.jpg";
b[4] = new Image(); b[4].src = "bilder/kampf2/k_0004.jpg";
b[5] = new Image(); b[5].src = "bilder/kampf2/k_0006.jpg";
b[6] = new Image(); b[6].src = "bilder/kampf2/k_0007.jpg";
b[7] = new Image(); b[7].src = "bilder/kampf2/k_0008.jpg";
b[8] = new Image(); b[8].src = "bilder/kampf2/k_0009.jpg";
b[9] = new Image(); b[9].src = "bilder/kampf2/k_0010.jpg";
b[10] = new Image(); b[10].src = "bilder/kampf2/k_0011.jpg";
b[11] = new Image(); b[11].src = "bilder/kampf2/k_0012.jpg";
b[12] = new Image(); b[12].src = "bilder/kampf2/k_0013.jpg";
b[13] = new Image(); b[13].src = "bilder/kampf2/k_0014.jpg";
b[14] = new Image(); b[14].src = "bilder/kampf2/k_0015.jpg";
b[15] = new Image(); b[15].src = "bilder/kampf2/k_0016.jpg";
b[16] = new Image(); b[16].src = "bilder/kampf2/k_0017.jpg";
b[17] = new Image(); b[17].src = "bilder/kampf2/k_0018.jpg";
b[18] = new Image(); b[18].src = "bilder/kampf2/k_0019.jpg";
b[19] = new Image(); b[19].src = "bilder/kampf2/k_0020.jpg";
var i = 0;
var speed =50; // Delay in milliseconds
function diaShow()
{
if(i > 9){ i = 0;}
document.images.show.src = b[i].src;
i = i + 1;
window.setTimeout("diaShow()",speed);
}
//-->
</script>
<body onLoad="diaShow()">
<img id="show" src="bilder/kampf2/k_00001.jpg" width="550" HSpace="10" height="350" VSpace="12" alt="" border="0"><br>
<img src="bilder/ok.jpg">
</body></html>
Zuletzt bearbeitet:
