Я пытаюсь поменять местами два изображения с помощью jQuery. Используя событие наведения, которое я пробовал:
$("#wlt-DealView .buyButton_new").mouseover(function(e){
$('.buyButton_new').css('background-image','url(../images/compra_mouseOver.png)');
});
$("#wlt-DealView .buyButton_new").mouseout(function(e){
$('.buyButton_new').css('background-image','url(../images/compra_normal.png)');
});
Но изображение не отображается, и после того, как я вытащил из него указатель мыши, оно запускает второе событие. Оно должно обновите первое изображение, но это не так.
Вы можете посмотреть здесь: http://107.20.186.103/deals/cuerpon
.
Наведите указатель мыши на КУПИТЬ .
Если я попытаюсь ввести URL-адрес http://107.20.186.103/images/compra_mouseOver.png вручную в моем браузере, я получу 404.
http://107.20.186.103/deals/images/compra_mouseOver.png получает странные 500 ...
Я думаю, вы должны подготовить файлы изображений, и они будут работать. Вы также можете настроить свой код с помощью функции jQuery.hover.
Попробуйте, код в любом случае лучше:
$("#wlt-DealView .buyButton_new").hover(
function()
{
$(this).css('background-image','url(../images/compra_mouseOver.png)');
},
function()
{
$(this).css('background-image','url(../images/compra_normal.png)');
}
);