проблема thumbscroller в Chrome и Safari - плагин Jquery

Question

Большинство из вас, вероятно, знают о thumbscroller (http://manos.malihu.gr/jquery-thumbnail-scroller)

Дело в том, что у меня есть проблема в Google Chrome и Safari, что большие пальцы буквально «уходят» при наведении мыши на контейнер для большого пальца,

если кто-то захочет попробовать (с помощью crome / safari):

http://anulekha.net/production/?view=Collections&Lookbook=2011

Вы быстро поймете, что я имею в виду, вопрос,

Есть идеи, почему это происходит и как это исправить?

Большое спасибо:)

Answer 1

Прежде чем мы погрузимся в ваш jQuery thumbscroller, нам нужно решить некоторые другие проблемы.

Со всеми вашими изображениями ваша страница 2.3mb с 83 http запросы, другими словами, Хьюстон, у нас есть проблема.

Не так уж и сложно развиваться, когда вы создаете сайт, который не состоит изтак много изображений и javascript, но с этим оно есть.

Я предлагаю:

• Использование спрайтов для объединения изображений
• Объедините все ваши внешние JS в одини минимизируйте его, возможно, лучше минимизировать также CSS и HTML.
• Если вы не можете использовать спрайты для миниатюр, не загружайте их все при загрузке страницы - используйте AJAX для их последующего извлечения.
• Я заметил, что ваше фоновое изображение - довольно большой JPEG, я уверен, что вы можете уменьшить размер файла в Photoshop, не заметив ухудшения качества.

См. Мой ответ на этот вопрос вопрос , который был похож на выпускес как ты.