Peter Seliger: Bilder zeitversetzt anzeigen und dann Endlosschleife..??

Beitrag lesen

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