Bilder zeitversetzt anzeigen und dann Endlosschleife..??
Tom
- javascript
Hallo zusammen,
ich möchte auf meine Page 6 Bilder laden (übereinander). Danach sollen sie im Abstand von 2 sec. wechseln und das dann in einer Endlosschleife - wie fange ich dass an ???
Bild 1 = pbdbild1.gif
Bild 2 = pbdbild2.gif ....usw..
Danke für Eure Hilfe !!!!
Tom
hallo Tom,
ich möchte auf meine Page 6 Bilder laden (übereinander).
bilder kann man vorladen - das geschieht dann hintereinander;
Danach sollen sie im Abstand von 2 sec. wechseln und das dann
in einer Endlosschleife ...
ich hoffe, dass Du Dir hier nicht den quellcode fuer bloede
bannerwerbubng von anderen auf billige art und weise schreiben
laesst;
- wie fange ich dass an ???
ich gehe also davon aus, dass Du nicht einer der von Stefan so
ungern gesehenen ICH_WILL_EIN_SCRIPT_HABEN -typen bist und
schon etwas von der "Energie des Verstehens" gehoert hast -
nach dieser ansprache also ein script zum verstehen, lernen
und aendern - viel spass:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>6mal vorladen und endlosschleife</title>
<script language = "JavaScript">
<!--
if (self.document.images)
{
var bild_1 = new Image();bild_1.src = "pbdbild1.gif";
var bild_2 = new Image();bild_2.src = "pbdbild2.gif";
var bild_3 = new Image();bild_3.src = "pbdbild3.gif";
var bild_4 = new Image();bild_4.src = "pbdbild4.gif";
var bild_5 = new Image();bild_5.src = "pbdbild5.gif";
var bild_6 = new Image();bild_6.src = "pbdbild6.gif";
var timeout_id_bildwechsel = null;
}
function STARTE_BILDWECHSEL()
{if (self.document.images)
{timeout_id_bildwechsel = setTimeout("self.BILD_WECHSEL(2)",2000);}
else{self.document.images["BILDWECHSEL"].alt = " leider nur ein standbild ";}
}
function BILD_WECHSEL(i)
{clearTimeout(timeout_id_bildwechsel);
var k = i;
self.document.images["BILDWECHSEL"].src = eval("bild_"+k+".src");
k++;
if (k >= 7) {k = 1;}
timeout_id_bildwechsel = setTimeout("self.BILD_WECHSEL("+k+")",2000);
}
//-->
</script>
</head>
<body onload="STARTE_BILDWECHSEL()">
<table width="100%" height="100%" cols="1" rows="1" border="0">
<tr><td align="center" valign="middle">
<table width="234" height="60" cols="1" rows="1" cellpadding="0" cellspacing="0" border="0">
<tr><td width="234" height="60" align="center" valign="middle">
<img src="pbdbild1.gif" width="234" height="60" name="BILDWECHSEL" alt=" toller bildwechsel " border="0">
</td></tr>
</table>
</td></tr>
</table>
</body>
</html>
tschuess - peter - pseliger@gmx.net
hallo Tom,
da ist mir doch tatsaechlich die formatierung
des quellcodes verrutscht - zweiter versuch:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>6mal vorladen und endlosschleife</title>
<script language = "JavaScript">
<!--
if (self.document.images)
{
var bild_1 = new Image();bild_1.src = "pbdbild1.gif";
var bild_2 = new Image();bild_2.src = "pbdbild2.gif";
var bild_3 = new Image();bild_3.src = "pbdbild3.gif";
var bild_4 = new Image();bild_4.src = "pbdbild4.gif";
var bild_5 = new Image();bild_5.src = "pbdbild5.gif";
var bild_6 = new Image();bild_6.src = "pbdbild6.gif";
var timeout_id_bildwechsel = null;
}
function STARTE_BILDWECHSEL()
{if (self.document.images)
{timeout_id_bildwechsel = setTimeout("self.BILD_WECHSEL(2)",2000);}
else{self.document.images["BILDWECHSEL"].alt = " leider nur ein standbild ";}
}
function BILD_WECHSEL(i)
{clearTimeout(timeout_id_bildwechsel);
var k = i;
self.document.images["BILDWECHSEL"].src = eval("bild_"+k+".src");
k++;
if (k >= 7) {k = 1;}
timeout_id_bildwechsel = setTimeout("self.BILD_WECHSEL("+k+")",2000);
}
//-->
</script>
</head>
<body onload="STARTE_BILDWECHSEL()">
<table width="100%" height="100%" cols="1" rows="1" border="0">
<tr><td align="center" valign="middle">
<table width="234" height="60" cols="1" rows="1" cellpadding="0" cellspacing="0" border="0">
<tr><td width="234" height="60" align="center" valign="middle">
<img src="pbdbild1.gif" width="234" height="60" name="BILDWECHSEL" alt=" toller bildwechsel " border="0">
</td></tr>
</table>
</td></tr>
</table>
</body>
</html>
wenn's jetzt nicht geklappt hat, geb ich auf -
by(t)e, by(t)e - peter - pseliger@gmx.net