Hallo,
Ich habe mir aus SELFHTML einen JavaScript-Code einer
Bildüberblendung herauskopiert und habe ihn für einen
Button etwas abgeändert:
function fadeout(step) {
var imgs = document.getElementsByTagName("img");
step = step || 100;
imgs[1].style.opacity = step/100;
step = step - 5;
if (step \> 0 ) {
window.setTimeout(function () { fadeout(step); }, 1);
}
}
function fadein(step) {
var imgs = document.getElementsByTagName("img");
step = step || 0;
imgs[1].style.opacity = step/100;
step = step + 20;
if (step \<= 100) {
window.setTimeout(function () { fadein(step); }, 1);
}
}
Ich habe jedoch nicht hinbekommen, dass
das zweite Bild bei onMouseOut ganz
ausgeblendet wird und sich die Animation
nicht wiederholt (bei
if (step \>= 0 )
ist das der Fall).
Ich habe noch fast keine Ahnung von JavaScript,
also bitte nicht zu kompliziert erklären!
Vielen Dank im Voraus
Demii