Изменение картинки при наведении (перекатывание)

[pleymo]

Доброй ночи,

 

Есть faq как сделать, чтобы картинка менялась при наведении (http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee), рассматривается два варианта, при смене картинок одну на другую и при перекатывании одной и той же картинки сверху вниз, так вот, мне интересен эффект перекатывания, так как при смене одной на другую бывает, что у людей с медленным инетом картинка долго прогружается. В jsfiddle все перекатывается очень быстро, незаметно для глаза, но у меня на сайте перекатывание выглядит плавно и медленно, т.е. в течении целой секунды можно наблюдать как картинка перекатывается сверху вниз и это не есть гуд.

 

Можно как-то избавится от этого?

 

 

http://jsfiddle.net/pleymo/2uQw4/

Edited May 17, 2014 by pleymo

[npofopr]

Дак покажите ваш сайт. Скорее всего у вас там transitition стоит на всё про всё. Или еще что нибудь.

[CroaToa]

Если без спрайтов делать, то при наведении картинка загружается, что при медленном интернете приведет к плохому. Скорее всего так и есть, без спрайтов сделано.

[pleymo]

Дак покажите ваш сайт. Скорее всего у вас там transitition стоит на всё про всё. Или еще что нибудь.

 

На главной странице онлайн-регистрация 2 кнопки

 

http://www.artframeexpo.ru 

[Sensei]

a.button_exibit,

a.button_visit {

    transition: none;

}

[npofopr]

да, выше дали вам ответ, а вся проблема в

@media screen and (min-width: 783px)a {   transition: all .5s ease;}

[pleymo]

 

да, выше дали вам ответ, а вся проблема в

@media screen and (min-width: 783px)a {   transition: all .5s ease;}

 

 

 

Благодарствую!