jquery - 简单的jquery图像翻转

Question

我有多个缩略图，并且希望主图像在每个缩略图都翻转时代表缩略图的大版本。我很欣赏这一定是一种常见用法，但我正在努力寻找一个简单的解决方案。我使用了以下代码，我很欣赏它可能很差，但这对我来说都是全新的......谢谢

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

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

score 3 · Accepted Answer

3

你试过改变吗

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

和

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

?

于 2012-05-08T14:17:41.200 回答

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

3 回答 3