• 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
 
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.
 
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