herrmann: "Bilderwechsel" mit Timer für Online-Shop

Beitrag lesen

SELF-Forum

"Bilderwechsel" mit Timer für Online-Shop

herrmann
– Informationen zu den Bewertungsregeln

Also ich bin gerade am programmieren für den Shop eines Freundes, und zwar möchte ich ihm da ein kleines Script basteln, das im 4-Sekunden-Takt das das Bild wechselt, zwischen einigen zuvor definierten Bildern.

Ich habe das hier sinngemäß so gelöst

<html>  
<head></head>  
<body>  
<img name="bild" src="http://lotharmelching.de/homepage_chor/bilder/chorfotos/classics.jpg" width="400">  
<script type="text/javascript">  
var b = ["http://lotharmelching.de/homepage_chor/bilder/chorfotos/classics.jpg",  
    "http://lotharmelching.de/homepage_chor/bilder/chorfotos/cantate.jpg",  
    "http://lotharmelching.de/homepage_chor/bilder/chorfotos/bunteblaetter.jpg",  
    "http://lotharmelching.de/homepage_chor/bilder/chorfotos/gruppenbild08.jpg"],  
    i = 4;  
function drehen() {  
    i = (i === 4) ? 1 : i + 1;  
    document.bild.src = b[i-1];  
    window.setTimeout("drehen()", 4000);  
}  
drehen();  
</script>  
</body>  
</html>

Bei den Bildquellen reichen natürlich die relativen Adressen, und das CDATA brauchst Du auch nur in XHTML.

Beitrag melden
–
Informationen zu den Bewertungsregeln