【问题标题】:Fancybox Slideshow works only onceFancybox Slideshow 只能使用一次
【发布时间】:2013-02-21 16:50:21
【问题描述】:

我的 Fancybox 幻灯片只运行一次就停止了。据我所知,它没有循环回来,因为我不知道是什么东西坏了。如果你去他们的页面“扩展功能”并尝试一下,你会发现它在那里也不起作用..或者至少对我来说是这样。

<!-- 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/

谷歌浏览器:v24.0.1312.57

【问题讨论】:

  • 对不起,我没明白你的意思。如果我尝试这些示例,似乎工作得很好。你能更详细地解释一下问题是什么吗?
  • 如果您进入“扩展功能”并打开图像。顶部有一个带有各种按钮的栏。如果您尝试使用播放按钮开始幻灯片放映,它将前进一张图像并停止。
  • 好的,谢谢你的澄清。我可以确认这个问题,但对我来说这看起来像是 fancybox 中的一个错误,所以可能是 github 问题中的文件/搜索:github.com/fancyapps/fancyBox/issues
  • 如果插件中存在错误,则说明您发错地方了。 SO 用于帮助修复您的 代码,而不是错误报告或讨论站点。联系开发者和/或在 Github 上发布。谢谢。
  • 是的,他们的页面告诉我来这里或 Github,所以我会在 Github 上试一试,看看情况如何。如果有人弄清楚了,请给我一个提示。谢谢大家

标签: jquery fancybox fancybox-2


【解决方案1】:

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

Fancybox v2.1.3 使用 jQuery 1.9.x 被破坏,你可以see it here。然后发布了 v2.1.4 以使其与 jQuery v1.9.x 一起使用,但在我看来,buttons helpers js 文件也必须进行修补。

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

使用 jQuery 1.8.3 查看 working JSFIDDLE

使用 jQuery 1.9.1 查看 broken JSFIDDLE

附言。我确实在 github

上打开了一个问题

** 更新:

该问题已在 last commit 中得到修复(但未在 fancyapps 主页示例中更新,但可下载文件也未更新)

【讨论】:

    【解决方案2】:

    我不知道这是否会导致您的问题,但如果您设置jQuery.noConflict();,则必须使用jQuery 而不是$,如下所示:jQuery('.fancybox').fancybox({...

    【讨论】:

      猜你喜欢
      • 2015-04-19
      • 2020-04-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-03-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多