Image script wont work in Chrome.

Question

Hi all.

I've just redesigned my website, and seemingly all is well. However someone has pointed out that the image galleries are not viewable correctly in chrome. It's driving me mad, and I can't work it out. Can anyone spot an obvious mistake? Thanks a lot.

The URL is: http://www.create-imaginations.com/

Answer 1

It appears to be a bug in chrome that it will not fire a mouse over event on an image. There are a few ways of solving it:

• Surrounding each of your images in a div tag and adding the events to the div tag and leaving the events on the image as well.
• Moving the events to the a tag

These should mean that it will work, however if all else fails, you could create a div in place of the image tag and use styles to set the div's background image using

<div style="background-image:'<IMAGE URL HERE>';" <EVENT TRIGGERS> ></div>

However this will reduce compatibility with browsers that don't support CSS.

Browser Support for CSS:

Internet Explorer 5 and above.
Firefox 1 and above.
Safari 1 and above.
And all newer browsers like chrome
(http://webdesign.about.com/od/css/a/css_browser_sup.htm)

Considering that in 2008, on W3Cchools only 0.3% of users used IE 5. So compatibility, is not likely to be an issue.