Замена псевдокласса :hover

[a1rborn]

В очередной раз прошу совета, по возможности.

Есть несколько дивов с картинками, задача:

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

а когда курсор убран, уменьшать размеры этой картинки.

Пока див1 виден, див2 скрыт и наоборот

С анимацией все в порядке, алгоритм такой:

  $(".div1 img, .div2 img").hover(function(){ 
    $(".div1 img:hover, .div2 img:hover").animate({'width':'80px', 'height':'119px'},500, 'swing');
  }, function(){
    $(".div1 img:hover, .div2 img:hover").animate({'width':'70px', 'height':'109px'},500,'swing');

});

Т.е. когда наводим на любое изображение в див1, див2 и т.д. анимация применяется только к тому img на котором курсор.

Проблема в следующем:

Писал под лису, довел все до конца, все работает. Но каково было мое удивление, когда ни в хроме, ни в ие вторая часть ховера не работала (Img увеличивался, но не уменьшался). И еще хуже мне стало когда я открыл оперу: там вообще скрипт не работал, браузер просто не мог понять что такое :hover.

Соответственно когда везде :hover я поубирал, все заработало, но, конечно, не так как надо.

Проблему решил, в какой то степени, подставив каждому img свой id

var qwe = $('#qwe1');
$(".div1 #qwe1").hover(function(){
  qwe.animate({'width':'80px', 'height':'119px'},500, 'swing');
}, function(){
  qwe.animate({'width':'70px', 'height':'109px'},500,'swing');
}
)

и т.д., где #qwe1 это id картинки. Но код получается длинный, ведь для каждой картинки приходится писать эту часть

Конечно, такое решение, я думаю не совсем подходит и хочется найти оптимального.

В чем, собственно, прошу вас мне и помочь

[CoDy]

Вот решение которое выбрал для себя http://peterned.home.xs4all.nl/csshover.html

[sigma77]

a1rborn,

Про $(this) слышали?

[a1rborn]

ахаха, все решилось одним лишь подставлением this

Даже смешно становится)))

Низкий поклон Вам Оксана, и извините мою глупость)