シンプルな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)に、「この」参照するために使用しました現在のオブジェクトには引用符は必要ありません