0

サムネイルをロールオーバーすると、毎回異なる画像が読み込まれるメイン画像があります。サムネイルは3枚です。

ライトボックス効果もあり、ここで問題が発生します。メイン画像をクリックするたびに、どのサムがメイン画像にロードされていても、画像 1 がライトボックスに表示されます。

問題がどこにあるかははっきりとわかりますが、mainImage コンテナーにロードされた画像がライトボックスに表示されるようにするにはどうすればよいか疑問に思っています。

これが私のコードです。

ありがとう！

<div id="thumbs">
<img class="thumbSelected" src="images/<?php echo $row[thumb1]; ?>.jpg"  /><br />
<img src="images/<?php echo $row[thumb2]; ?>.jpg"  /><br />
<img src="images/<?php echo $row[thumb3]; ?>.jpg"  />
</div>



<div class="mainImage">
<a href="images/<?php echo $row[image1]; ?>.jpg" rel="lightbox" title="<?php echo $row[name]; ?>">
<img class="mainImage" src="images/<?php echo $row[image1]; ?>.jpg" />
</a>
</div>
<script> ////large: ITEM1_01_large      small: ITEM1_01_thumb
//
$('#thumbs').delegate('img', {
mouseover: function(){
    $('.mainImage').attr('src',$(this).attr('src').replace('thumb','image'));
    var $this = $(this),
    index = $this.index();
    $("#thumbs img").removeClass('thumbSelected');
        $this.addClass('thumbSelected');
        $("#big-image img").eq(index).show().siblings().hide();
}});
</script>
4

1 に答える 1

0

私はあなたが何をしているのか本当にわかりません。ただし、idセレクターを使用している場合、jQueryが最初の要素を見つけて停止する場合。 複数の要素を選択したい場合は、クラスを使用する必要があります。 そのためのクラスです。

于 2012-07-31T19:50:45.627 に答える