Automatisch wechselnde Diashow mit JS funktioniert nicht.

user X

user X

Aktives Mitglied
Thread Starter
Dabei seit
14.04.2010
Beiträge
351
Reaktionspunkte
14
Hallo Leute.
Ich will auf meiner Website von kleineren Firmen eine Werbung platzieren.
Die Bilder sollen nach 5 sek automatisch wechseln.
Nun ist das problem, dass das erste Bild 5 sek da ist und danach die Bilder alle schnell hintereinander folgen.
Außerdem weiß ich nicht, wie ich die Bilder verlinken kann.
Habt ihr evt. eine Lösung dafür?

Hier her HTML-Code (die Werbung ist unter der Navigation und desshalb in einer Liste)

Code: 
<div id="navigation">
	<ul class="navigationselemente">
		<li> <img src="../Bilder/ad/ad1.png" name="ad" onLoad="bildwechseln()"> <br /> </li>
				
	</ul>
	</div>

Der JS-Code:

Code: 
var bild = new Array();
	bild[0] = '../Bilder/ad/ad1.png';
	bild[1] = '../Bilder/ad/ad2.jpg';
	bild[2] = '../Bilder/ad/ad3.png';
 
var w = "0";

function bildwechseln() {
	document.ad.src = bild[w];
	w++;
	if (w == bild.length) {
	w = 0;
	}
	setTimeout("bildwechseln()", 5000);
}


Danke:)
 
Ok. Habs jetzt so gemacht.
Code: 
var bild = new Array();
	bild[0] = '../Bilder/ad/adac.png';
	bild[1] = '../Bilder/ad/dvr.jpg';
	bild[2] = '../Bilder/ad/tuv.png';
 
var w = "0";

function bildwechseln() {
	document.ad.src = bild[w];
	w++;
	if (w == bild.length) {
	w = 0;
	}	
}
setTimeout("bildwechseln()", 5000);
 
Funktioniert trzd. nicht.
 
Hast Du die Function korrekt im Head eingebaut?

Seuftz ... hier ein laufendes Beispiel:

<html>
<head>
<title>Automatischer Bildwechsel</title>

<script language="JavaScript"><!--

var Bilder = new Array("bild1.jpg","bild2.jpg","bild3.jpg", "bild4.jpg","bild5.jpg");
var Delay = 3000;

var BildAnzahl = Bilder.length;
var number = 0;
BildFolge = new Image(); BildFolge.src = Bilder[number];

function change() {

number++;
if (number == BildAnzahl) number = 0;

BildFolge.src = Bilder[number];
document.austausch.src = BildFolge.src;
}

setInterval("change()", Delay);

//-->
</script>
<link rel="stylesheet" type="text/css" href="vhs.css">
</head>

<body class=standard>



<table bordercolordark="black" bgcolor="#0066CC" align="center" border="1" cellpadding="5" cellspacing="20" >
<tr>
<td bgcolor="#cccccc" ><img name="austausch" src="bild1.jpg" width="640" height="480"></td>
</tr>
</table><br>

<div align=center>
Die Bilder werden automatisch alle 3 Sekunden gewechselt.
</div>

</body>
</html>
Zum Vergrößern anklicken....
 
Ich habe sie falsch eingebunden.. Ich bin sehr dankbar für alle Ratschläge..

:)
 
Ja, Du hast ja nun die fertige Lösung bekommen. Geht es bei Dir nun?
 
Ja funktioniert bestens=)
Danke für die Mühe:)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten