Grinsekater
Nerd in disguise
Jetzt hatte ich es endlich geknackt doch dann fängt die Funktion wieder an rumzuzicken.
Geplant ist 4 Bilder zu "preloaden" und über eine JavaScript Funktion innerhalb einer HTML Datei "onclick" auszutauschen.
im bodytag lade ich dann das script
und über a href lade ich die einzelnen bilder
Alles funktioniert wunderbar bis ich weitere Bilder auf der Seite einfüge die nicht über diese Funktion geladen werden sollen. Dann werden keine Bilder mehr ausgetauscht.
Was muss ich ändern?
Vielen Dank für die Hilfe!
Geplant ist 4 Bilder zu "preloaden" und über eine JavaScript Funktion innerhalb einer HTML Datei "onclick" auszutauschen.
Code:
<script type="text/javascript">
var namen=new Array("01.gif","02.gif","03.gif","04.gif");
var bilder=new Array();
function lade()
{
var i;
for (i=0;i<5;i++)
{
bilder[i]=new Image(); /* neues Image-Objekt erzeugen */
bilder[i].src=namen[i]; /* Quelldateiname des Bildes setzen */
}
}
function zeige(nr)
{
document.images[0].src=bilder[nr].src; /* Bild austauschen */
}
</script>im bodytag lade ich dann das script
Code:
<body onLoad="lade();" onload="zeige();">und über a href lade ich die einzelnen bilder
Code:
<a href="#" onClick="zeige('1')">1</a>
<a href="#" onClick="zeige('2')">2</a>
<a href="#" onClick="zeige('3')">3</a>
<a href="#" onClick="zeige('4')">4</a>Alles funktioniert wunderbar bis ich weitere Bilder auf der Seite einfüge die nicht über diese Funktion geladen werden sollen. Dann werden keine Bilder mehr ausgetauscht.
Was muss ich ändern?
Vielen Dank für die Hilfe!
