1

我想在我的网站的横幅中实现一个简单的 Nivo 幻灯片，并在它下面实现一个花式画廊 - 我只是无法让它们同时工作。Nivo 滑块优先，当我禁用它时，fancybox 画廊工作。我正在使用 fancybox v2 (jquery 1.7.2) 和 nivo 滑块 jquery 1.7.1 - 是这个问题吗？我的 jquery 和 js 技能非常初级，所以请为我拼写出来 - 非常感谢！这里是测试站点：http ://designasite.co.za/aerialphotographer/

4

2 回答 2

1

我在使用 Nivo Slider 和 SigPro 库时遇到了类似的问题（直到我选择了一个不依赖于相同 jQuery 代码的版本）。我相信 Nivo 滑块改变了 jQuery 的一些工作方式，并且很容易与其他图像处理模块/插件不兼容。

我的建议是简单地尝试另一款画廊软件，或另一款幻灯片软件。或者，根本不要将两者放在同一页面上。

Nivo 的一个众所周知的不受欢迎的部分。

于 2012-05-30T09:23:31.343 回答
0

我会尝试清理你的 jQuery，试试这个：

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();

        $('#slider').nivoSlider({
            effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
            animSpeed: 1000, // Slide transition speed
            pauseTime: 3000, // How long each slide will show
        });

    });
</script>

另外，删除

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>

在包含和初始化当前 nivo 滑块插件的位置上方，并移动

<script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>

head与其他包含的文件一起进入您的标签。

这样做的原因是您应该只包含一次 jQuery，并且在页面上也只使用一个版本，同时包含所有插件和 css 文件是一种很好的做法，通常建议在底部实际包含您的 jQuery 插件您的页面，这样它就不会减慢您的初始页面的加载速度，但无论您拥有它，请将它们放在同一位置，以便更容易找到它们。

于 2012-05-30T09:35:00.353 回答