Search code examples
jqueryradio-buttonmouseoverimage-replacement

Mouseover on radio button replacement?


I'm using jQuery to replace my radio buttons on this page - http://www.justdoors.co/product-selection/ and was wondering if it would be possible to add a mouseover effect as well?

I would like for the grey arrows that turn green when selected to change to green on mouseover/hover as the user goes up and down the list.


Solution

  • It seems like all your replaced radio buttons have the class "imageCheck" so you could bind the effect on mouseover/mouseout:

    $('.imageCheck')
        .mouseover(function() { 
            $(this).attr("src", "/changedimage.jpg");
        })
        .mouseout(function() {
            $(this).attr("src", "/originalimage.jpg");
    });