thumbscroller problem on Chrome and Safari - Jquery Plugin

Most of you probably know about thumbscroller (http://manos.malihu.gr/jquery-thumbnail-scroller)

The thing is i have this problem in Google chrome and Safari that Thumbs literally 'go away' on mouse over the thumbcontainer,

if anyone feels like trying at (with crome/safari):

http://anulekha.net/production/?vie开发者_Python百科w=Collections&Lookbook=2011

You will quickly see what i mean, question,

any idea why is happening and how to fix t his?

Thanks a lot :)

Before we dive into your jQuery thumbscroller we need to address some other issues.

With all of the images you have, your page is 2.3mb with 83 http requests, in other words, Houston, we have a problem.

Developing the way you are isn't such a big deal when your creating a site that isn't composed of so many images and javascript, but with this one it is.

I suggest:

• Using sprites to combine images
• Combine all of your external JS into one and minify it, it's probably best that you minify your CSS and HTML too.
• If you can't use sprites for the thumbnails then don't load all of them on page load - Use AJAX to fetch them afterwards.
• I noticed your background image is a rather large JPEG, I bet you could reduce the file size in Photoshop without noticing a degrade in quality.

See my answer to this question, which had similiar issues as you.