2012-01-09 7 views
-1

私のウェブサイトでは、CSS-Tricksの動的ウェブサイトスクリプトを追加しました。 「サムネイルクリックでメイン画像を置き換える」必要があります。 サムネイル画像は右側にあり、メイン画像は左側にあります。Onclick画像をjQueryで置き換える

この:http://jsfiddle.net/hHCAK/ は、私がここに持っている正確に何である:http://stephenharman.com/#forestpark.php

しかし、それはまだ仕事を文句を言わない...

+0

はあなたがこれまで試したどのようなコード投稿することができますか? –

+1

それは素晴らしいです。あなたの質問は何ですか?あなたは何を試しましたか、何が問題なのですか? –

+0

基本的なjQuery .click change src以外は何も試していません。これはページの生コードです:http://stephenharman.com/tuffplank.php – Stephen

答えて

1

だから、メイン画像が右サムネイルの前に常にありますか?

は、私はあなたがこのような何かをしたいと思う:

$("img.thumbnail").click(function() { 
    var $this = $(this); 
    var imgToLeft = $this.prev("img"); 
    $this.attr("src", imgToLeft.attr(src)); 
}); 

あるいは、これらの画像は動的に追加されている場合:

$(document).on("click", "img.thumbnail", function() { 
    var $this = $(this); 
    var imgToLeft = $this.prev("img"); 
    $this.attr("src", imgToLeft.attr(src)); 
}); 
+0

http://stephenharman.com/#tuffplank.phpでコードを適用しましたが、目的の効果が得られませんでした。多分私は何か間違っているのですか? – Stephen

+0

@Stephen - しようとしている実際のコードをあなたの質問に投稿する必要があります** –

+0

私は現在何をしようとしていますか? jQueryは正しく動作したくないと思われます。 http://stephenharman.com/#tuffplank.php – Stephen