Question

I have multiple thumbnails and want the main image to represent a large version of the thumbnail when each thumbnail is rolled over. I appreciate this must be a common usage, but I am struggling to find a simple solution.
I have used the following code, which I appreciate may be poor, but this is all quite new for me.. thanks

$('.thumbnail').mouseover(function() {
    var currentimg = $('this').attr('src');
    $('#imageMain img').attr('src', currentimg);
});

I haven’t included the HTML as I guess it’s pretty clear what I am trying to achieve.

Answer 1

have you tried changing

$('this').attr('src'); 

with

$(this).attr('src');

?