PDA

Volledige versie bekijken : Swap Image

Quevi
%Europe/Berlin %527 %2005, 13:39
Hoi,

Hoe kan ik een Swap-Image maken met drie afbeeldingen:

Standaard: Afbeelding 1.jpg
OnMouseOver: Afbeelding 2.jpg
OnClick: Afbeelding 3.jpg

Daarna weer Afbeelding 1.jpg

Met Javascript iets in deze aard:
<a href="javascript:;" onMouseOver="MM_swapImage('Image1','','afbeelding 1.jpg',1)"onMouseOut="MM_swapImgRestore()"><img src="afbeelding 2.jpg" name="Image1" width="117" height="100" border="0" id="Image1" onClick="MM_swapImage ('Image2','','afbeelding 3.jpg', 1)"></a>

Iemand een ideetje?
Kan dit ook met CSS?
Laiverd
%Europe/Berlin %547 %2005, 14:08
Gewoon drie afbeeldingen in een button zetten, klaar. Een afbeelding in het up-frame, een in het over-frame en een in het down-frame.

John
Laiverd
%Europe/Berlin %548 %2005, 14:09
Gewoon drie afbeeldingen in een button zetten, klaar. Een afbeelding in het up-frame, een in het over-frame en een in het down-frame. Dit is dus een Flash oplossing; de HTML-oplossing heb je zelf al gegeven ;)

John
A3D
%Europe/Berlin %660 %2005, 16:50
Met JavaScript via de DOM (http://www.w3.org/DOM/#what)...en dan heet het AJAX (http://www.sitepoint.com/article/remote-scripting-ajax). In deze post op weblog (http://www.a3d.nl/index.php/?p=184) wat meer info.
Quevi
%Europe/Berlin %794 %2005, 20:03
In Flash wist ik ook wel hoe het moest ;)

Was ff de weg kwijt met JS

Voor diegenen die het willen weten:

<img src="home1.jpg" width="295" height="87"
onMouseOver="this.src='home2.jpg'"
onMouseOut="this.src='home1.jpg'"
onMouseDown="this.src='home3.jpg'"
onMouseUp="this.src='home1.jpg'">