簡單的jQuery圖像滾動

我有多個縮略圖，並希望主圖像代表縮略圖的大版本時，每個縮略圖翻轉。我感謝這一定是一種常見的用法，但我正在努力尋找一個簡單的解決方案。我用下面的代碼，這是我欣賞可能會很差，但是這是所有相當新的給我..謝謝簡單的jQuery圖像滾動

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

我沒有包括HTML，因爲我想這是很清楚我想做實現。

你試圖改變

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

與

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

？

2012-05-08 14:17:41 bjornruysen

我不假設你可以指出我在正確的方向將鼠標移回圖像正常嗎？ –

所以你希望它回到原來的狀態/圖像？ – bjornruysen

是的，這是正確的 –

你應該創建一個類都翻轉狀態，然後你可以使用toggleClass功能：

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

2012-05-08 14:19:07

變化$('this')到$(this)

它應該工作，當使用「這」指到目前的對象，它不需要引號

2012-05-08 14:20:02 Huangism

回答