nicht angemeldet
Lieber Gerd,
nur halt das es für "alle" Browser funktioniert.
herzlich willkommen zu meinem kleinen Lehrgang!
Liebe Grüße,
Felix Riesterer.
Vielen Dank Felix,
mit diesem Script bin ich schon sehr zufrieden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Eine Bilderslideshow</title>
<script type="text/javascript">
function fade(step) {
var imgs = document.getElementById("meinFader").getElementsByTagName("img");
step = step || 0;
imgs[counter].style.opacity = step/100;
imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //
step = step + 2;
if (step <= 100) {
window.setTimeout(function () { fade(step); }, 1);
} else {
window.setTimeout(next, 5000);
}
}
function next() {
var imgs = document.getElementById("meinFader").getElementsByTagName("img");
if (typeof(counter) != "number") {
counter = 0;
}
counter++;
if (counter < imgs.length) {
fade();
}
};
</script>
<style type="text/css">
.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0);
}
#meinFader { position: relative; }
</style>
</head>
<body>
<p id="meinFader">
<img src="1.jpg" alt="">
<img src="2.jpg" alt="" class="next">
<img src="3.jpg" alt="" class="next">
</p>
<p><a href="javascript:next()">Slideshow starten</a></p>
</body></html>
Das einzige was ich mir jetzt noch wünschen würde ist, dass sich die Bilder immer wiederholen (also das nach dem letztn wieder mit dem 1. angefangen wir und das automatisch gestartet wird und man nich auf den Link klicken muss.
Ist sicher ganz einfach ich kenne mich nur mit JavaScript nicht aus.
Grüße Gerd