nicht angemeldet
Hallo!
Ich bin noch echter Javascript-Anfänger und komme mit allen bisher gelesenen Beiträgen nicht weiter. Mein Problem:
Der Bildübergang funktioniert nur vom "nullten" auf das erste Bild. Alles danach in der function diatauschdamen() bleibt unberücksichtigt. Kann mir jemand sagen wo mein Denkfehler liegt? Ich möchte, dass die insgesamt 6 Bilder (0 bis 5) übergeblendet werden und nach dem 5-ten Bild wieder bei 0 angefangen wird. Das Ganze funktionierte mit einem Bilder-Array mit dem unschönen Nebeneffekt, dass die Bilder immer wieder neu vom Server geladen wurden. Wenn mir jemand mit dem Code unten oder einem Tip zum Bilder-Cachen behilflich sein kann, wäre ich glücklich. Hier der Code:
<head>
<script type="text/javascript">
var nummerdamen = 0;
Bild0 = new Image();
Bild0.src = "images/w00.jpg";
Bild1 = new Image();
Bild1.src = "images/w01.jpg";
Bild2 = new Image();
Bild2.src = "images/w02.jpg";
Bild3 = new Image();
Bild3.src = "images/w03.jpg";
Bild4 = new Image();
Bild4.src = "images/w04.jpg";
Bild5 = new Image();
Bild5.src = "images/w05.jpg";
function diatauschdamen()
{
if (nummerdamen > 5) {
nummerdamen = 0;
}else
if (nummerdamen == 0) {
nummerdamen = 1;
document.diadamen.filters.blendTrans.Apply();
document.diadamen.src = Bild1.src;
document.diadamen.filters.blendTrans.Play();
}else
if (nummerdamen == 1) {
nummerdamen = 2;
document.diadamen.filters.blendTrans.Apply();
document.diadamen.src = Bild2.src;
document.diadamen.filters.blendTrans.Play();
}else
if (nummerdamen == 2) {
nummerdamen = 3;
document.diadamen.filters.blendTrans.Apply();
document.diadamen.src = Bild3.src;
document.diadamen.filters.blendTrans.Play();
}else
if (nummerdamen == 3) {
nummerdamen = 4;
document.diadamen.filters.blendTrans.Apply();
document.diadamen.src = Bild4.src;
document.diadamen.filters.blendTrans.Play();
}else
if (nummerdamen == 4) {
nummerdamen = 5;
document.diadamen.filters.blendTrans.Apply();
document.diadamen.src = Bild5.src;
document.diadamen.filters.blendTrans.Play();
}else
if (nummerdamen == 5) {
nummerdamen = 6;
document.diadamen.filters.blendTrans.Apply();
document.diadamen.src = Bild0.src;
document.diadamen.filters.blendTrans.Play();
}
}
</script>
</head>
<body onLoad="diatauschdamen()">
<img id="diadamen" src="images/w00.jpg" name="diadamen" style="cursor:hand; filter:blendTrans(Duration=4, Transition=16)" border="0>