Question

这一切都在以前工作，突然间它停止工作，我似乎无法弄清楚我是否做错了什么。我只需要左侧，右侧箭头和辅助按钮来显示fancybox何时打开。非常感谢任何帮助。

PS。所有文件都在那里，因为它曾经工作得很好我刚刚创建了一个新的页面，它停止了工作。

    <!-- Add jQuery library -->
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons.css?v=2.0.3" />
<script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=2.0.3"></script>

<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbs.css?v=2.0.3" />
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.3"></script>
<script>
    /* <![CDATA[ */

    $(document).ready(function() {
        $(".fancybox-buttons").fancybox({
        prevEffect      : 'none',
        nextEffect      : 'none',
        closeBtn        : false,
        helpers     : { 
            title   : { type : 'inside' },
            buttons : {}
        }
    });
    });
    /* ]]> */
    </script>


<ul>
    <li><a class="fancybox-buttons" href="img/pic1.jpg" title="my title"><img src="img/pic1.jpg" alt="" class="thumb"  /></a></li>
    <li><a class="fancybox-buttons" href="img/pic2.jpg" title="another title."><img src="img/Sociales/2008/pic2.jpg" alt="" class="thumb" /></a></li>
</ul>

Answer 1

感谢您分享链接。

只有在您设置了元素库时，才会显示fancybox按钮（以及常规导航箭头）。当fancybox打开单个元素时，导航箭头或按钮都不会显示。

要设置图库，两个或多个元素必须共享相同的rel属性或相同的data-fancybox-group属性。您的演示文件中的链接没有这些链接。

您的脚本是正确的，只需将上述任何属性设置为您的图像，如

<a class="fancybox-buttons" rel="gallery" href="{target}"...etc

无法获得fancybox帮助按钮来显示

1 个答案: