• Page 1 of 1
  • 1
Archive - read only
uCause Community » Trash & Archives » Archive » Simple way to make mouse over effect for images
Simple way to make mouse over effect for images
WebMasterGTDate: Sunday, 2010-11-14, 1:06 AM | Message # 1
Member
Group: Senior Members
Messages: 20
Awards: 0
Reputation: 0
Status: :-(
@none.png
You don't need to put anything in css. Only in the place where you want to place it.

Code
<img src="Url of Your Original Image" onmouseover="this.src='Url of Image with mouseover effect';" onmouseout="this.src='Url of Your Original Image';" />

Ok so if 1 of my images were this:

and I wanted the image to turn to this when i hover over it:

and the name of the image was image.png and was imagemouseover.png then the code would be:

Code
<img src="http://yoursite.com/image.png" onmouseover="this.src='http://yoursite.com/imagemouseover.png';" onmouseout="this.src='http://yoursite.com/image.png';" />

tell me if i made an error

Attachments: 3885712.png(1.2 Kb) · 5958084.png(1.2 Kb)
 
0 Thanked you For This Useful Post:
AnimorphDate: Sunday, 2010-11-14, 1:20 AM | Message # 2
uCause forum Admin
Group: Developer
Messages: 2835
Awards: 73
Status: :-(
@none.png
WebMasterGT, thankyou cool
 
0 Thanked you For This Useful Post:
WebMasterGTDate: Sunday, 2010-11-14, 4:10 AM | Message # 3
Member
Group: Senior Members
Messages: 20
Awards: 0
Reputation: 0
Status: :-(
@none.png
np man np. happy
 
0 Thanked you For This Useful Post:
uCause Community » Trash & Archives » Archive » Simple way to make mouse over effect for images
  • Page 1 of 1
  • 1
Search:


"Making uCoz web designs simple and easy to use"
- uCause Developers