fancybox拇指不工作

Question

我在我的网页Fancybox 2 thumbnails。

一个拇指正在工作，但第二个不是。相反，它会在浏览器选项卡中打开第二个大拇指。

我该如何解决这个问题，以便第二个拇指在Fancybox中正常工作？

HTML：

<script> 
     $('.slideshow-thumbs2').fancybox({ 
     prevEffect: 'none', 
     nextEffect: 'none', 
     closeBtn: false, 
     arrows: false, 
     nextClick: true, 
     helpers: { 
      thumbs: { 
      width: 50, 
      height: 50 
      } 
     } 
     }); 
</script> 

<a class="slideshow-thumbs2" rel="slideshow-thumbs2" href="/SSJ100/Prev1.jpg" title="Superjet 100"> 
    <img src="/SSJ100/Prev1.jpg" width="220px" height="200px" style=" box-shadow: 0 0 1px black; -moz-border-radius: 4px; -webkit-border-radius: 4px; " alt="" class="active"/> 
</a> 

<a class="slideshow-thumbs2" rel="slideshow-thumbs2" href="/SSJ100/Prev2.jpg" title="Superjet 100"> 
    <img src="/SSJ100/Prev2.jpg" width="220px" height="200px" style=" box-shadow: 0 0 1px black; -moz-border-radius: 4px; -webkit-border-radius: 4px; " alt=""/> 
</a> 

<a class="slideshow-thumbs2" rel="slideshow-thumbs2" href="/SSJ100/Prev3.jpg" title="Superjet 100"> 
    <img src="/SSJ100/Prev3.jpg" width="220px" height="200px" style=" box-shadow: 0 0 1px black; -moz-border-radius: 4px; -webkit-border-radius: 4px; " alt=""/> 
</a> 

<a class="slideshow-thumbs2" rel="slideshow-thumbs2" href="/SSJ100/Prev4.jpg" title="Superjet 100"> 
    <img src="/SSJ100/Prev4.jpg" width="220px" height="200px" style=" box-shadow: 0 0 1px black; -moz-border-radius: 4px; -webkit-border-radius: 4px; " alt=""/> 
</a> 

Answer 1

你有包裹ready()方法内部的代码，如：

<script> 
$(document).ready(function(){ 
     $('.slideshow-thumbs2').fancybox({ 
     prevEffect: 'none', 
     nextEffect: 'none', 
     closeBtn: false, 
     arrows: false, 
     nextClick: true, 
     helpers: { 
      thumbs: { 
      width: 50, 
      height: 50 
      } 
     } 
     }); 
}); 
</script> 

Answer 2

jsFiddle DEMO: Fancybox v2.1.3 and Thumbnail Helper

你粘贴代码显示，第一个的fancybox项有class="active"这可能会影响其他拇指不工作。

但是，没有足够的信息来确定为什么它只适用于1拇指而不适用于其他问题。

确保您已加载至少的jQuery v1.6.4和使用4 Fancybox2文件。

两个文件是的fancybox，剩下的两个文件都为缩略图助手功能如您.fancybox()功能。您可以从已下载的Fancybox 2安装文件中找到帮助程序文件位于帮助程序文件夹中。

即示于下面的fancybox 2屏幕内的4微型缩略图是通过使用jquery.fancybox-thumbs.css和jquery.fancybox-thumbs.css的缩图助手文件。