Onclick zwei Bilder gegenseitig auswechseln

S

Stardust

Grünschnabel
Hallo Leute,

ich brauch dringend eure Hilfe. Es geht um folgendes Problem.

Ich würde gerne zwei Bilder nebeneinander haben (ist ja net das Problem), die sich bei anklicken eines Bildes gegenseitig austauschen.

Konkret gesagt:

Bild1 (steht links) Bild 2 (steht rechts)

Bei klick auf Bild1 soll nun Bild1 RECHTS erscheinen, und Bild2 LINKS. Also die Position wechseln quasi.

onmouseout sollen beide Bilder wieder ihre ursprüngliche Position einnehmen.


Bitte helft mir!

Danke
 
Code: 
<script type="text/javascript">
<!--
pix=new Array('pic1','pic2');
for(var img in pix)
 {
 sImg=(img==0) ? 1:0;
 down=new Function('k','this.src="'+document.images[pix[sImg]].src+'";document.'+pix[sImg]+'.src="'+document.images[pix[img]].src+'";');
 out=new Function('o','this.src="'+document.images[pix[img]].src+'";document.'+pix[sImg]+'.src="'+document.images[pix[sImg]].src+'";');
 document.images[pix[img]].onmousedown=down;document.images[pix[img]].onmouseout=out;
 }
//-->
</script>
Den Skriptblock irgendwo in den <body> packen, aber unbedingt nach den beiden Bildern.
Den beiden Bildern musst du dann noch die Namen "pic1" und "pic2" verpassen... fertitsch :-)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück