同一ページで複数のスワップイメージを見せたい、
ということで、下記のサイトを参考にやってみました。
http://depthcode.com/2010/10/swap.html
しかし、例えば1番のサムネイルの1つをクリックした後、
2番の大きい画像をクリックして拡大すると、1番でクリックした
サムネイルの画像が拡大表示されてしまいます。
このようになっています。
http://imageswapswap.at-ninja.jp/test/
きちんと分けて表示させたいのですが……。
どこを修正すれば、思うように動くでしょうか。
アドバイスを頂けると嬉しいです。
宜しくお願い致します。
みんなの回答 3 件
片方のswapをswap2みたいな別の名前にしてから対応するように$(’div.swap2 li a’).click(function (e)〜と、もう一つ作ればとりあえず解決できると思う。試してないけど。
下記の部分を下のように変えたらどうかな?
$(’.swap p a’).attr(’href’,imagePath.replace(/.jpg/ig, "_b.jpg"));
↓
$(this).parent(’a’).attr(’href’,imagePath.replace(/.jpg/ig, "_b.jpg"));
元ソースがひどい。
関連するトピックス