Bildwechsel mit Fade und ne kleine Frage dazu

Ganossa

Grünschnabel
Hi;

ich habe folgendes script:
---------------------
<script>
var bild=new Array();
bild[0]=new Image();
bild[0].src="bild1.jpg";
bild[1]=new Image();
bild[1].src="bild2.jpg";
//usw.
var i=-1;
function Bildwechsel(element)
{
i++;
document.all[element].filters.blendTrans.Apply();
document.all[element].src = bild\[i\].src;
/*Die Backslashes vor den Eckigenklammern gehören dort nicht hin, aber sonst wirds im Forum nicht interpretiert!*/
document.all[element].filters.blendTrans.Play();
if (i==bild.length-1)
i=-1;
}

</script>
<img id=dasBild src=bild.jpg style="filter:blendTrans(Duration=1)" onmouseover="Bildwechsel('dasBild')">
</body>
----------------

Alle klappt wunderbar nun zu meiner Frage; wie kann man das script so bearbeiten, dass das Bild nicht abbricht, wenn man mit der maus nochmal draufgeht, es aber noch nicht fertig ausgeblendet ist. Normalerweise startet das Fade neu und das Bild wird radikal zurückgesetzt. Gibt es eine Möglichkeit das Script so zu verändern, dass das Bild erst ausgeblendet wird und dann neustartet?

Danke im Vorraus
 
Du könntest zu Beginn der Funktion das onmouseover-Attribut aus dem Bild entfernen.
Sobald das Geblende fertig ist, füge es wieder hinzu.
 
Danke; aber es soll auf onmouseover laufen; das Problem ist; ich würde gerne den Fade auslaufen lassen aber es findet ein neustart statt, wenn ich nochmal mit der Maus über das Bild gehe; ein Neustart soll ja stattfinden, aber erst wenn der Fade abgelaufen ist.. Gäbe es da vielleicht eine Möglichkeit?
 
Ganossa hat gesagt.:
aber es findet ein neustart statt, wenn ich nochmal mit der Maus über das Bild gehe
Deswegen sollst du das onmouseover auch solange aus dem Bild entfernen, wie die Animation läuft

.... kein "onmouseover"==kein Neustart
:confused:
 

Neue Beiträge

Zurück