Überblenden erweitern
webra
- javascript
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>
Liebe(r) webra,
Quelle: http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/ueberblendungen.htm#ueberblenden
was hat Dich daran gehindert, den Artikel weiter zu verfolgen und die später erarbeiteten Lösungen (mit Playlist!) zu benutzen?
Liebe Grüße,
Felix Riesterer.