jquery - 単純な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

$('this')に変更$(this)

「this」を使用して現在のオブジェクトを参照する場合は、引用符は必要ありません。

Answer 3

両方のロールオーバー状態のクラスを作成する必要があります。そうすれば、toggleClass関数を使用できます。

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