简单的jquery图像翻转

Question

我有多个缩略图，并且希望主图像在每个缩略图滚动时表示缩略图的大版本。我很欣赏这必须是一个常见的用法，但我很难找到一个简单的解决方案。 我使用了以下代码，我很欣赏它可能很差，但这对我来说都很新..谢谢

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

我没有包含HTML，因为我觉得很清楚我想要实现的目标。

Answer 1

你尝试过改变

吗？

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

与

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

？

Answer 2

您应该为两种翻转状态创建一个类，然后您可以使用toggleClass函数：

$(".thumbnail").hover(function(){
    $(this).toggleClass("rollover");
});

Answer 3

将$('this')更改为$(this)

它应该工作，当使用“this”来引用当前对象时，它不需要引号