Question

I ve got a greater slider形象 and a small "thumbnail”index. 到目前为止,我有这一法典:

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

但是,它给我留下了所有th首幻灯片的图像。因此,我想从每一方.slider-img中提取来源,并将其应用于每一方。想法?

Answer 1

假设与<代码>.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
});

Answer 2

You need a way to find the corresponding thumb when you re in your image. It can be a "rel" attribute on your parent image (or on the thumb), it s not very official-w3c-clean but it s used :-)

您也可以尝试通过“在OMA中履行编程职能:。它可以做这样的事情:

 $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(......)美元。这一背景是OMS的一部分,在那里,你可以确定只有哪类“酒吧”的形象是你的目标。

友情链接