Помогите пожалуйста с jquery
 

Всем привет!
Делаю сайт с применением jQuery , все вроде ок , кроме Safari , в ней почему то некорректно отображается.

Страничка: http://test.imagi-nation.ru/togrus/page1/index.htm

Описание проблемы - при клике на любую банку , анимация воспроизводится некорректно , а именно помимо ширины и высоты съезжают также координаты, происходит это только в Safari.

У тебя и в опере координаты прыгают:)

А из за чего это?

Я хз. Про jQuery тебе надо спрашивать, например у Kolyaj или Riim.

Поводи быстро мышкой горизонтально по своим банкам... Они так и должны долго маячить?!

Вообще имхо проблема в вёрстке... глянь нет ли маргинов/падингов у банок?! Ну и т.д.

Я-то здесь при чем, я на нем не писал никогда :)

:)

ты всё знаешь...

И я тоже.

x-yuri по Jquery часто отвечает.

И ты всё знаешь:)

У вас функцией $.animate() во время анимации элементу ставится стиль display: block, а после — display: inline. Установите элементу изначально display: block через стили, должно помочь.

Во всяком случае, когда я подставил в css:

.banka_banka img {
    display: block !important;
    position: relative;
}

У меня подергивания прекратились.

Во! Андрей Параничев всё знает:)

Зашел на форум , смотрю в теме 9 ответов, думаю ничего себе советов надавали , класс!
Зашел в тему, читаю один флуд, кроме одного сообщения :-D

Андрей Параничев, спасибо огромное за помощь , действительно помогло!
Правда теперь все остальное уехало , но это уже не важно, я поправлю сам.
Удачи в работе!

Уже претензии что ли какие-то?

Нет , просто наблюдение ))

Вы стати забыли добавить stop() к анимации.
Поводите по картинками туда сюда и они будут анимироваться столько раз, сколько вы наводили на них.

$(prev).stop().animate({width: "130px",height: "247px"}, 500);	
$(this).stop().animate({width: "170px",height: "319px"}, 500);

Вот кто бы мне помог, в соседнем топике. :)