PDA

View Full Version : hover image-link..Help


sujith.it
14 Jul 2008, 08:09 AM
Hello!
On hover image-link changes to another image to simulate a effect : how do i do that ?
Just like on left menu on http://www.goldenretrievers.com.br/main.html
I don't know flash, i can do that with html/CSS ?

Can't be with Sprite because each menu bottom is a diferent image.
Tks

________
conservatory (http://www.conservatoryoutlet.co.uk/) Fruit Machine (http://www.fruitmachine.me.uk)
Wickham
14 Jul 2008, 12:19 PM
The menu.html file in the left frame is:-


<body bgcolor="#FDF9E0" bottommargin="0" leftmargin="0" topmargin="0">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="450">
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">

<embed src="menu.swf" width="100" height="450" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</p>
</td>
</tr>
</table>
<br />
</body>


which includes the flash file http://www.goldenretrievers.com.br/menu.swf

You can change images on hover or visited states with just CSS, (no flash or javascript), see item 2 here:-

http://www.wickham43.supanet.com/tutorial/visitedbutton.html

The best way is to make an image which has all states in one combined image like http://www.wickham43.supanet.com/tutorial/images/menuhomecombined.gif and then use different margins to show the part that you want for the different hover and visted states.