The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Roleover Image Widget

View previous topic View next topic Go down

Roleover Image Widget

Post by CodyDeathHammer on February 24th 2013, 4:04 pm

Have you ever wanted to create a role over effect? Well if you do here is the place for you. If you don't know what a roleover is it is an image where you place your mouse over it the image changes.

Making Rollover Effect Image


Use this code in a new widget to create the roleover effect.

Code:
<a href="TARGET URL GOES HERE"><img src="URL OF FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF FIRST IMAGE GOES HERE'" /></a>

You now need to customize the code by adding the images you want to use and the address you want it to lead to when clicked.

In the above code change the following:

1.TARGET URL GOES HERE

Place the address you want the image to lead to when it's clicked.

2.URL OF FIRST IMAGE GOES HERE (x2)

Place the URL of the first image here this is the image shown before you hover over it.

3.URL OF SECOND IMAGE GOES HERE
Place the URL of the second image there, this is the image that appears when your cursor hovers over it.

Hope this helps you Smile

CodyDeathHammer
Forumember

Male Posts : 147
Reputation : 1
Language : English

Back to top Go down

Re: Roleover Image Widget

Post by Base on February 24th 2013, 4:20 pm

Hello,

This looks like a tutorial. If you would like to submit a tutorial, please read our topic on tutorial contribution first: http://help.forumotion.com/t108908-tutorial-contributors

Thanks. This topic will be locked.

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum