• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mehrere automatische Bildwechsel

D

dortmunder112

Neues Mitglied
HTML: 
<html> 
<head> 
 
<script language="JavaScript"><!-- 
 
var Bilder = new Array("1.jpg","2.jpg"); 
var Delay = 2000; 
 
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> 
 
<tr> 
<img name="austausch" src="1.jpg" width="798" height="602" style="position: relative; top: 17px; left: 22px"> 
</tr> 
 
</body> 
</html>

Quelle

Ich habe diesen Code für einen automatischen Bildwechsel gefunden - Quelle Steht da -
Nun hab ich eine Frage.
Ich möchte mehrere gleiche Bildwechsel mit verschiedenen Bildern und Positionen.
Ich hab schon ausprobiert, habs aber nicht hinbekommen.

Ich hoffe auf eure Hilfe.

MFG
 
Werbung:
Zeig doch mal deinen Versuch? Vlt. erkennen wir das was Du dabei nicht bedacht gemacht hast?
 
HTML: 
<html>
<head>

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

var Bilder = new Array("Basisrezepte/Holz_Hell.png","Basisrezepte/Holz_Dunkel.png");
var Delay = 2000;

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>

<tr>
<img name="austausch" src="Basisrezepte/Holz_Hell.png"  style="position: relative; top: 17px; left: 22px">
</tr>

</body>
</html>
-- Code mit 2 Bildern und einer show.

HTML: 
<html>
<head>
<script language="JavaScript"><!--

var Bilder = new Array("Basisrezepte/Holz_Hell.png","Basisrezepte/Holz_Dunkel.png");
var Delay = 2000;

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>
<script language="JavaScript"><!--

var Bilder_2 = new Array("Basisrezepte/Kiste_Hell.png","Basisrezepte/Kiste_Hell.png");
var Delay_2 = 2000;
var BildAnzahl_2 = Bilder_2.length;
var number_2 = 0;
BildFolge_2 = new Image(); BildFolge_2.src = Bilder_2[number_2];

function change_2() {

number_2++;
if (number_2 == BildAnzahl_2) number_2 = 0;

BildFolge_2.src = Bilder_2[number_2];
document.austausch_2.src = BildFolge_2.src;
}

setInterval("change_2()", Delay_2);

//-->
</script>

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

<body class=standard>

<tr>
<img name="austausch" src="Basisrezepte/Holz_Hell.png"  style="position: relative; top: 17px; left: 22px">
<img name="austausch_2" src="Basisrezepte/Kiste_Hell.png"  style="position: relative; top: 17px; left: 22px">

</tr>

</body>
</html>

-- Code mit 2 Shows - Die erste funktioniert, die 2te nicht.
 
Werbung:
Du hast in deinem Bilder-Array ja zweimal dasselbe Bild angegeben:
Code: 
new Array("Basisrezepte/Kiste_Hell.png","Basisrezepte/Kiste_Hell.png")
Zum Vergrößern anklicken....
Dann wird natürlich kein Bildwechsel zu erkennen sein.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben