jquery change background-image

Question

I\'m trying to swap two images with jQuery. Using the hover event I tried:

$(\"#wlt-DealView .buyButton_new\").mouseover(function(e){
    $(\'.buyButton_new\         


        

Answer 1

The image disappears because jQuery replaces the CSS locally and not from your stylesheet as before. So your path needs to be updated to reflect the path from your HTML file to your image. If your HTML file was in your root folder and "images" a folder within that root, the code would be like this:

$('.buyButton_new').css('background-image','url(images/compra_mouseOver.png)');

messed me up at first too.