fancybox在部署后无法移动到next / prev图片

时间:2015-09-02 10:07:10

标签: jquery deployment fancybox preview next

我对fancybox有一个非常有趣的问题。一切都在当地很好。部署到SaaS电子商务解决方案后:

  1. 点击鼠标后显示图片 - 确定

  2. 无法点击显示的图片(链接不会更改光标) - 问题

  3. 基本上没有可能在图片之间移动。需要关闭预览并打开另一张照片。

    我尝试了很多东西,包括禁用页面上包含的css和js脚本。不幸的是没有运气。

    图库是在内容的开头实现的(带拇指的滑块)。 代码没什么好看的(独立工作完美无缺)。

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css?v=2.1.5" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbs.css?v=1.0.7" />
    <link href="css/gallery.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-2.0.2.min.js" type='text/javascript'></script>    
    </head>
    
    <body>
    
    <script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.5"></script>
    <script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>    
    <script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=1.0.7"></script>
    <script src="js/gallery.js"></script>
    
    <div class="dg-container">
    <div class="dg-items">
        <div>
        <a class="fancybox-thumbs" data-fancybox-group="thumb" href="7_b.jpg"><img src="7_b.jpg" alt=""  /></a>
        <a class="fancybox-thumbs" data-fancybox-group="thumb" href="6_b.jpg"><img src="6_b.jpg" alt=""  /></a>
        <a class="fancybox-thumbs" data-fancybox-group="thumb" href="5_b.jpg"><img src="5_b.jpg" alt=""  /></a>
    </div>  
    </div>
    </body>
    </html>
    

    我使用了拇指变异,但是用简单的方法也出现了同样的问题。

    请让我知道我应该检查更多。在fancybox代码中预览照片的链接实现在哪里?

    提前致谢。

1 个答案:

答案 0 :(得分:0)

据我记得,当我使用fancybox时,我在所有rel="gallery1"标记中添加了a以使Prev / Next正常工作。因此,所有图像都分组在一个专辑/图库中。