PROSAGA码农传奇-图像索引-Jquery获得Fancy box图像索引

Jquery获得Fancy box图像索引

作者: Coolkid
发布时间: 2024-04-11 06:43:42 (7天前)
转自：

<div class =“post-text”itemprop =“text”>
  
    你可能有不同的画廊元素
  
   <pre>
 <code>
 <a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>
<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt="" /></a>

</code>
 </pre>
  
    等...并使用常规脚本
     <code>
 bind
 </code>
     他们喜欢fancybox：
  
   <pre>
 <code>
 $(".fancybox").fancybox();

</code>
 </pre>
  
    然后你可能会有所不同
    
      触发器
    
     对于
     <code>
 each
 </code>
     分隔链接中的项目
  
   <pre>
 <code>
 <a href="#" class="triggers">trigger one</a>
<a href="#" class="triggers">trigger two</a>

</code>
 </pre>
  
    等等
  
  
    ......然后你就是
     <code>
 bind
 </code>
     每
    
      触发
    
     在fancybox中触发相应的图像，如：
  
   <pre>
 <code>
 $(".triggers").each(function (i) {
 $(this).bind("click", function () {
 $(".fancybox").eq(i).click();
 return false;
 });
});

</code>
 </pre>
  
    看到
    的
      <a href="http://jsfiddle.net/AmURs/" rel="nofollow">
        的jsfiddle
      </A>
    </强>
  
</DIV>