Дергается картинка при hover

[qverlink]

Добрый день, просьба помочь советом по верстке.

На сайте есть блок в котором происходит смена картинке по hover действию.
Получается что сменяется одна картинка на другую, при смене виден белый блик.

Пример залил на http://jsfiddle.net/qverlink/1q26xnj4/

В залитом примере белого блика нет. Но он есть на сайте.

В чем может быть проблема?

 

[BaNru]

Скорее не блик, а своего рода моргание. На Jsf тоже есть, пока картинка не закешируется.
Это происходит потому что загрузка картинки, указанной в CSS, происходит по требованию.
Чтобы подобного не было - необходимо использовать спрайт, то есть склеить картинки в один файл и смещать при ховере с помощью background-position.

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

Также, данное событие можно попробовать реализовать на CSS3, без jQ.
Предполагаю, лень теорию воплощать в практику.