Create A Rollover Image Effect (change image on mouseover)

The Rollover effect is one in which an image web object changes (swaps itself) on mouse over to another web object (called rollovers) and reverts back to the original image on mouse out. Rollover images are preloaded into the page when it is loading, this ensures that the rollovers are displayed quickly. The onMouseOver and onMouseOut attributes of the link tag are used to make this functional.

Demo:  Place your mouse over the image below to see its rollover effect

Making Rollover Effect Image

You have the following code:

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

Change the colored texts as it follows:

1. URL ADDRESS

This is the address where somebody will be sent when clicks on the image.
Example, my blog address: http://www.helplogger.blogspot.com

2. URL OF THE FIRST IMAGE GOES HERE

Replace the orange text (two times) with the URL address of the image which will appear before you hover over it.

3. URL OF THE SECOND IMAGE GOES HERE
Replace the text in blue with the url of  the image that will appear when the cursor hovers over it.

Now you can paste your image inside a blog gadget, going to Layout > click on Add a Gadget link (right side) > Select HTML/JavaScript from the pop-up window, then add it to your sidebar.

You can also add it inside your post by going to New Post > Switch to HTML tab and then paste the code in the empty box.

That's it. Enjoy ;)

Transfer Blogs Based On Donations Attomey Cord Blood Cooking Recipes Hosting Insurance How to donate a car in California Loans domains yahoo Donate Car for Tax Credit LOS ANGELES AUTO ACCIDENT ATTORNEY Mortgage Fatcow Gas/Electricity Insurance Blogs small business administration sba Credit Software Lawyer Web Hosting and Domains Online Making Money Recovery STRUCTURED ANNUITY SETTLEMENT Rehab structured settlement annuity companies Donate hair removal washington dc eCommerce sites Car insurance quotes Colorado STRUCTURE SETTLEMENTS Classes Laws and lawyers · Better Conferencing Calls · Mortgage Adviser · PaperPort Promotional Code Dreamhost Business · World Trade Center Footage Claim Treatment mesothelioma suit Online casino Blogging Making Money online Trading structured settlements annuities Conference Call Online Classes Degree Loans And Donation Attormey ANNUITY SETTLEMENT Mesothelioma Law Firm Donate Car to Charity California AUTO ACCIDENT LAWYER DENVER MISSISSIPPI MESOTHELIOMA LAWYER NUNAVUT CULTURE SELLING A STRUCTURED SETTLEMENT ANNUITY DAYTON FREIGHT LINES mesothelioma survival rates mesothelioma attorneys california