Image change on featured image hover WordPress

Arnav Joy answers:

you have to write some thing like

<script>
jQuery(function($) {
$('.image img').hover(function() {
var src = $(this).attr('src');
var data = $(this).attr('data');
if(!data) return;
// perform the switch
$(this).attr('src', data);
$(this).attr('data', src);
},
function() {
var src = $(this).attr('src');
var data = $(this).attr('data');
if(!data) return;
// perform the switch
$(this).attr('src', data);
$(this).attr('data', src);
});
});
</script>
<a href=""><img src="thumbnail_img_src" data="hover_img_src" /></a>


where hover_img_src may be used as custom field to hold the new hover image.

just change all the things as per your site

also have a look in this article , it will be help full.

http://www.web-design-talk.co.uk/200/jquery-hover-effect-image-gallery-for-ecommerce/z