2012-03-22 29 views
2

我想让fancybox2在我的网站上工作,并且遇到导航箭头的问题。导航箭头不能在fancybox中工作

点击上一个/下一个箭头,当看到一个图片是一个画廊的一部分(相同的rel)只是导致一个空的方形fancybox与“下一个”(或“前一个”)作为标题。我无法回到我正在查看的图像,并且必须关闭fancybox。

奇怪的是,Fancybox似乎正常工作,所有的脚本和CSS都正确加载,我可以在fancybox中打开图像,甚至可以在键盘之间浏览同一图库的项目通过在激活nextclick选项时点击内容(因此显示我自己的选项已正确考虑)。

配置:WordPress的3.3.1,5.5.9 PHP上更新Chrome和FF测试。

这里有一些代码部分我用:

jQuery(document).ready(function() { 

jQuery("a[class*=fancybox]").fancybox({ 
     nextClick:'true', 
     openEffect  : 'elastic', 
     closeEffect  : 'fade', 
     nextEffect  : 'easeOutBack', 
     prevEffect  : 'easeInBack', 
     helpers : { 
      title : { 
       type : 'outside' 
      } 
     }, 

    }); 

}); 

而且我的网页上,我的画廊设置了定义不同的项目如下:

<a rel="gallery" class="gallery fancybox" href="link to myimage.jpg"></a> 

感谢给予任何帮助!

回答

1

对于初学者,您应该使用jQuery("a.fancybox")来启动您的fancybox,我怀疑您的php版本是否正确。

如果您收到一个空的fancybox那么这可能意味着这是一个/上未正确加载的对象。

同时检查控制台中的错误(在Chrome F12中)并发布这些错误。你给我们调试的信息有点微不足道。