nicht angemeldet
Hallo,
wer kann helfen?
Wie kann man die einfache Überblendung zweier Bilder auf drei oder mehr erweitern und eine Pause zwischen den Überblendungen einbauen? Leider haben meine Versuche keine brauchbaren Ergebnisse gebracht.
Quelle: http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/ueberblendungen.htm#ueberblenden
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Einfacher Fader</title>
<script type="text/javascript">
function fade(step) {
var imgs = document.getElementsByTagName("img");
step = step || 0;
imgs[1].style.opacity = step/100;
imgs[1].style.filter = "alpha(opacity=" + step + ")"; // IE
step = step + 2;
if (step <= 100) {
window.setTimeout(function () { fade(step); }, 1);
}
}
</script>
</head><body>
<h1>Einfacher Fader</h1>
<p style="position:relative;">
<img src="images/berge1.jpg" alt="">
<img src="images/berge2.jpg" alt=""
style="position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0)">
</p>
<body onload="fade()">
</body></html>