Ignore mouse interaction on transparent parts in image and assign it to the image below

views:

148

answers:

Ignore mouse interaction on transparent parts in image and assign it to the image below

i have two tables with images that parts of them are transparent and i want to ignore mouse interactions (especially clicking) on these parts and assign the click to the image in the other table that below.

(i hope you understand because english is not my native language.) thanks..

Image map should do it.

David Murdoch 2010-04-09 12:08:44

I'm afraid this is not likely to be possible. The bounding box for HTML elements are rectangular, even for elements with transparency. It is for this bounding box that mouse events fire on.

The event will propagate through the parent elements, so if your other element is one of the parents you can still capture the click event, but it will fire for both elements.

Andy E 2010-04-09 12:10:34

so there is nothing i can do to get around this?

TomBS 2010-04-09 14:14:57

@TomBS: As David Murdoch mentioned, you could use a `<map>` for the topmost image, with one `<area>` element for the transparent part. This `<area>` element would have an `onclick` handler which would trigger the `onclick` for the bottom image. Short of doing that, there's nothing else you could do.

Andy E 2010-04-09 19:01:44

ansaurus

tags:

views:

answers:

Ignore mouse interaction on transparent parts in image and assign it to the image below

related questions