selfhtml.de - Alles für den Webmaster!

Anzeige: united-domains - Die ganze Welt der Domains

spezielles bild per id tag und javascript tauschen

Autor: senso
Datum: 05.01.2012 14:17:33

hallo ich habe das folgende javascript für kleine thumbnails, die beim klicken auf sie an einer anderen stelle ein bild laden_

<script type="text/javascript">

var namen=new Array("Pics/a.png","Pics/b.png","Pics/c.png");
var bilder=new Array();
function load()
{
var img;
for (img=0;img<3;img++)
{
bilder[img]=new Image();
bilder[img].src=namen[img];
}
}
function zeige(nr)
{
document.images[0].src=bilder[nr].src;
}
</script>

über die befehle_

<img src="Pics/d.png" onClick="zeige(0)"></img>
<img src="Pics/e.png" onClick="zeige(1)"></img>
<img src="Pics/f.png" onClick="zeige(2)"></img>

gelingt es mir die bilder zu tauschen. allerdings tauscht das script scheinbar automatisch das erste bild der seite aus. daher erscheinen die bilder an der falschen stelle.
da ich eine null in sachen javascript bin, suche ich nach einer möglichkeit, das script mit einer id zu versehen, die es möglich macht ein spezifisches bild durch die anderen zu ersetzen (und eben nicht das erste).

ich denke, dass macht man mit einem id tag. ich habe jedoch keine ahnung wo und wie dieser oben im script eingesetzt werden muss.

hier ist der code für das auszutauschende bild. den id-tag habe ich ihm schon verpasst _

<img id="master" src="Pics/g.png">


es wäre klasse, wenn mir jemand helfen könnte...

viele grüsse,
senso

Re: spezielles bild per id tag und javascript tauschen

Autor: Freddy
Datum: 05.01.2012 14:48:05

Hallo,

und herzlich willkommen im Forum. :-)

> function zeige(nr)
> {
> document.images[0].src=bilder[nr].src;
> }

Versuche mal:

function zeige(nr) {
    document.getElementById('master').src = bilder[nr].src;
}


Gruß,
Freddy