Spiritwonder
In diesem Tut möchte ich erklären wie man einen automatischen Bilderwechsel/tausch mit JavaScript erzeugt.
<html>
<head>
<title></title>
<meta name="author" content="Dj Mo">
<script language="JavaScript">
<!--
/* definiereung eines Arrays in dem die Bildernamen gespeichert sind - Im Beispiel sind es 10 um diese Anzahl zu vergrößern/verkleinern müssen alle 10ner gegen die neue Gesamtzahl ersetzt werden(in der letzten Funktion die 9 gegen Gesamtzahl - 1) */
var b=new Array(10);
for(I=0; I<10; I++)
b[I]=new Image();
b[0].src="pix/00.jpg";
b[1].src="pix/01.jpg";
b[2].src="pix/02.jpg";
b[3].src="pix/03.jpg";
b[4].src="pix/04.jpg";
b[5].src="pix/05.gif";
b[6].src="pix/06.jpg";
b[7].src="pix/07.jpg";
b[8].src="pix/08.jpg";
b[9].src="pix/09.jpg";
var n=0;
/* Funktion zum Wechseln */
function nextpic() {
/* wenn n kleier 10(dh. Bild 1-10) ist wird n um eins erhöht und das Bild gewechselt */
if(n<10)
{
n++;
/* Dieser Befehl tauscht das erste Bild im Script mit dem im Array unter n angegeben */
document.images[0].src=b[n].src;
}
/* Wenn n größer oder gleich 9 ist(dh. gerade das letzte Bild angezeigt wird) soll es von vorne anfangen dafür wird n auf 0 gesetzt */
if(n>=9)
{
n=0;
document.images[0].src=b[n].src;
}
/* Diese Funktion giebt an nach wie vielen Millisekunden die Bildertausch-Funktion wiederholt werden soll */
setTimeout("nextpic()",1000);
}
//-->
</script>
<noscript></noscript>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" onload="nextpic()">
<!-- Das Bild das Später ersetzt wird -->
<img src="pix/00.jpg" width="100" height="100" border="0">
</body>
</html>
Bei Fragen Könnt ihr euch per PN bei mir melden.
<html>
<head>
<title></title>
<meta name="author" content="Dj Mo">
<script language="JavaScript">
<!--
/* definiereung eines Arrays in dem die Bildernamen gespeichert sind - Im Beispiel sind es 10 um diese Anzahl zu vergrößern/verkleinern müssen alle 10ner gegen die neue Gesamtzahl ersetzt werden(in der letzten Funktion die 9 gegen Gesamtzahl - 1) */
var b=new Array(10);
for(I=0; I<10; I++)
b[I]=new Image();
b[0].src="pix/00.jpg";
b[1].src="pix/01.jpg";
b[2].src="pix/02.jpg";
b[3].src="pix/03.jpg";
b[4].src="pix/04.jpg";
b[5].src="pix/05.gif";
b[6].src="pix/06.jpg";
b[7].src="pix/07.jpg";
b[8].src="pix/08.jpg";
b[9].src="pix/09.jpg";
var n=0;
/* Funktion zum Wechseln */
function nextpic() {
/* wenn n kleier 10(dh. Bild 1-10) ist wird n um eins erhöht und das Bild gewechselt */
if(n<10)
{
n++;
/* Dieser Befehl tauscht das erste Bild im Script mit dem im Array unter n angegeben */
document.images[0].src=b[n].src;
}
/* Wenn n größer oder gleich 9 ist(dh. gerade das letzte Bild angezeigt wird) soll es von vorne anfangen dafür wird n auf 0 gesetzt */
if(n>=9)
{
n=0;
document.images[0].src=b[n].src;
}
/* Diese Funktion giebt an nach wie vielen Millisekunden die Bildertausch-Funktion wiederholt werden soll */
setTimeout("nextpic()",1000);
}
//-->
</script>
<noscript></noscript>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" onload="nextpic()">
<!-- Das Bild das Später ersetzt wird -->
<img src="pix/00.jpg" width="100" height="100" border="0">
</body>
</html>
Bei Fragen Könnt ihr euch per PN bei mir melden.
