0

大きなスライダー画像と小さな「サムネイル」画像があります。私はこれまでにこのコードを持っています：

 $j(".slider-img").each( function(){
  var slideSource = $j(this).attr("src");
   $j(".slider-thumb").each(function() {
    $j(this).attr("src", slideSource); 
   });
 });

しかし、それは私にすべてのサムネイルの最初のスライドからの画像を与えてくれます。したがって、各.slider-imgからソースを取得し、それを各.slider-thumbに適用します。アイデア？

4

2 に答える 2

1

aに.slider-img対応する.slider-thumbが、そのクラスの他のクラスと比較して、ドキュメント内の同じ位置にあると仮定すると、次のように使用できます。

var thumbs = $j('.slider-thumb');
$j('.slider-img').each(function(i) { // i is the position in the set
    thumbs.eq(i).attr('src', this.src); // set the src attribute of the element with position i in the thumbs set to the src of this element
});
于 2011-01-07T21:44:51.610 に答える
0

画像を表示しているときに、対応する親指を見つける方法が必要です。親画像（または親指）の「rel」属性にすることができます。あまり公式ではありません-w3c-cleanですが、使用されています:-)

「トラベリング関数http://api.jquery.com/category/traversing/を使用してDOM内を歩くと、次のようなものになる可能性があります。

 $j(".slider-img").each( function(){
   var slideSource = $j(this).attr("src");
   var thethumb = $j(".slider-thumb",
     $j(this).parent('div')
     .next()
     .child('table:first')
     .next()
   );
   thethumb.attr("src", slideSource);
 });

ここでは、$ j（ "。slider-thumb"、context）セレクターへのコンテキストを使用します。コンテキストはDOMの一部であり、クラス「slider-thumb」を持つ唯一の画像がターゲットであることが確実です。

于 2011-01-07T22:23:48.797 に答える