Fancybox幻灯片只能播放一次 [英] Fancybox Slideshow works only once

问题描述

我的Fancybox幻灯片只能播放一次，然后停止.从我可以说的是，它不会回环，因为发生了什么事我无法弄清楚.如果您转到他们的页面的扩展功能"并尝试一下，您会发现它在那里或..至少对我来说不起作用.

My Fancybox slideshow only works once and stops. From what I can tell is that it's not looping back because something broke which I can't figure out what. If you go to their page to "Extended functionality" and try it out you'll see that it's not working there either.. or at least for me.

<!-- Add Fancybox library -->
<script type="text/javascript" src="http://www.Website.com/+Fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="/+Fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-buttons.css" />
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-buttons.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-thumbs.css" />
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-media.js"></script>

<!-- Fancybox Properties -->
<script>
$(document).ready(function() {

    $.noConflict();

        $('.fancybox').fancybox({
        padding     :  0,
        prevEffect  : 'fade',
        nextEffect  : 'fade',
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        autoPlay    : 'true',
        mouseWheel  : 'true',
        helpers     : {
            buttons : {},
            title   : {
                    type: 'outside'
            }
        }
    });
});
</script>

响应式Fancybox: http://www.fancyapps.com/fancybox/

Responsive Fancybox: http://www.fancyapps.com/fancybox/

Google Chrome浏览器:v24.0.1312.57

Google Chrome: v24.0.1312.57

推荐答案

如果使用jQuery 1.9.x，我可以确认存在错误

I can confirm that there is a bug if using jQuery 1.9.x

Fancybox v2.1.3已使用jQuery 1.9.x破坏，您可以在此处查看.然后发布了v2.1.4，使其可以与jQuery v1.9.x一起使用，但是在我看来，buttons helpers js文件也必须进行修补.

Fancybox v2.1.3 was broken using jQuery 1.9.x as you can see it here. Then v2.1.4 was released to make it work with jQuery v1.9.x but it seems to me that the buttons helpers js file has to be patched as well.

作为一种解决方法，您可以回滚到jQuery v1.8.3.

As a workaround, you can rollback to jQuery v1.8.3.

使用jQuery 1.8.3查看 正在使用JSFIDDLE .

See a working JSFIDDLE using jQuery 1.8.3.

使用jQuery 1.9.1查看 损坏的JSFIDDLE .

See a broken JSFIDDLE using jQuery 1.9.1.

PS.我确实在 github

PS. I did open an issue at github

** 更新:

上次提交 中已解决了该问题. (虽然未在fancyapps主页中更新，但也未对可下载文件进行采样)

The issue was fixed in the last commit (not updated in fancyapps home page samples neither the downloadable file though)

这篇关于Fancybox幻灯片只能播放一次的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！