June 25, 2016

How to Create Rollover Image Effect


This is very simple guys. I'll be teaching you on how to add "effect" when you mouse-over your mouse of course to a pic. This one will overlap the first photo by the second photo. Go ahead check out the simple demo below.

If I have more time I'll be sharing to you guys different mouse-over effect.

And oh lastly don't forget to like the Facebook fan page. Thank you again guys.

Thank you so much for the visit, please don't forget to like the blog on Facebook - a single like gives me motivation :P . For any concerns please relay it to me via comment with the detailed concern. Happy blogging!


Step 1. Simply add this code wherever you like to add the photo effect. that simple.

<img 
src="FIRSTIMAGEURL" 
onmouseover="this.src='SECONDIMAGEURL'" 
onmouseout="this.src='FIRSTIMAGEURL'" />





Thank you so much for the visit, please don't forget to like the blog on Facebook - a single like gives me motivation :P . For any concerns please relay it to me via comment with the detailed concern. Happy blogging!