swap image

[Broertjuhhh]

Hallo,

Ik wil graag met "onmousover" swap of rollover een image vervangen voor een groter image ?

Wie weet raad ?

 

[Supersnail]

<img src="plaatje1.jpg" onMouseOver="javascript:this.src='plaatje2.jpg'" onMouseOut="javascript:this.src='plaatje1.jpg'">

of als je het heel netjes wilt doen

<img src="plaatje1.jpg" onMouseOver="javascript:this.setAttribute('src','plaatje2.jpg')" onMouseOut="javascript:this.setAttribute('src','plaatje1.jpg')">

 

[Broertjuhhh]

Hallo,

Het werkt, daarvoor alvast bedankt !
Maar er komt nu wel een blauw randje om de image, is dat te verhelpen of hoort dat er bij ?

 

[Supersnail]

Normaal zou er geen rand rondom te zien moeten zijn. Is het toevallig een link? Daar is vaak wel een dergelijke rand omheen te zien.

Dat is te voorkomen door

style="border-style:none"

toe te voegen aan de <img> tag, dus:

<img src="plaatje1.jpg" style="border-style:none" onMouseOver=...

 

[Broertjuhhh]

Hallo,

En bedankt het werkt, ik heb er slapeloze nachten van gehad maar ik wist dat er een simpele doch krachtige oplossing moest bestaan.
Als je wilt kan je het resultaat zien op mijn site, bij download.

Bedankt ! :thumb: