Похоже, ошибка в Chrome, что он не будет запускать событие мыши на изображении. Есть несколько способов ее решения:
- Окружение каждого из ваших изображений в теге
div
, добавление событий в тег div
и оставление событий на изображении.
- Перемещение событий в тег
a
Это должно означать, что это будет работать, однако, если все остальное не поможет, вы можете создать div
вместо тега изображения и использовать стили для установки фонового изображения div
, используя
<div style="background-image:'<IMAGE URL HERE>';" <EVENT TRIGGERS> ></div>
Однако это уменьшит совместимость с браузерами, которые не поддерживают CSS.
Поддержка браузером CSS:
Internet Explorer 5 и выше.
Firefox 1 и выше.
Safari 1 и выше.
И все новые браузеры, такие как Chrome
(http://webdesign.about.com/od/css/a/css_browser_sup.htm)
Учитывая, что в 2008 году в W3Cchools только 0,3% пользователей использовали IE 5. Поэтому совместимость, скорее всего, не будет проблемой.