Use this code
function myFunction() {
var $large = jQuery('#largeImage');
//store the default image as the data src
//$large.data('src', $large.attr('src'));
var src = jQuery('#largeImage').attr('src');
jQuery('#thumbs img').hover(function () {
$large.attr('src', jQuery(this).attr('src').replace('thumb', 'large'));
}, function () {
//on mouse leave put back the original value
$large.attr('src', $large.data('src'));
});
}
jQuery(document).ready(function () {
jQuery(myFunction);
});
Should i explain?