How To Prevent Jquery Mouseover Event From Executing On Moving Mouse On Transperent Image Area?

I have used code described on below mentioned SO answer Change the image source on rollover using jQuery to change image on mouse over. $(function() { $('img') .mouseover(

Solution 1:

you can use map html property for this http://jsfiddle.net/u9cYZ/3/

or

you can use css3 mask property check this

http://www.webkit.org/blog/181/css-masks/

http://girliemac.com/blog/2010/09/20/201/