0

While working on a JQuery to change image source on mouse over I found out that this does not works well for images with transparent parts in it.

People suggested on SO How to prevent Jquery mouseover event from executing on moving mouse on transperent image area? to use HTML image map to ignore transparent part.

Now, one more problem is, I have multiple non-rectangular images which have same shape i.e. they share the image map.

Now if I write code to change image source on mouseover of imagemap, how will I come to know for which image was mouse over/out called?

Community
  • 1
  • 1
Maheep
  • 5,409
  • 2
  • 25
  • 44
  • What do you mean you have "non-rectangular images"? Images are always rectangular. Can you clarify what exactly is the problem? If you have a single image, which you are changing `src` in certain scenarios, it seems pretty clear which image they moused out of: the only one. Posting some example code might help me understand the issue. – Jamie Treworgy Oct 13 '11 at 15:18
  • by phrase "non-rectangular image" I meant image(in my case png format) with some portion of it with transparent color. – Maheep Oct 14 '11 at 04:31
  • Okay, I still don't really understand what the issue is. If you have an image map, and you are binding your mouseover event to an `area` - you should be able to detect exatctly what you want. Swapping the image would seem to make no difference if they share the same map. – Jamie Treworgy Oct 14 '11 at 15:10

0 Answers0