Fancybox和Nivo滑块在一个页面上不起作用

我想在我的网站的横幅和它下面的fancybox图库中实现一个简单的Nivo幻灯片 - 我无法让它们同时工作。 Nivo滑块优先使用，当我禁用它时，fancybox图库就可以工作。我使用fancybox v2（jquery 1.7.2）和nivo滑块jquery 1.7.1 - 是这个问题吗？我的jquery和js技能是非常基本的，所以请为我拼写 - 非常感谢！这里是测试网站：http://designasite.co.za/aerialphotographer/Fancybox和Nivo滑块在一个页面上不起作用

来源

2012-05-30 Carin

我会尝试清理你的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-30 09:35:00 martincarlin87

martincarlin87 ....你是一个英雄和史诗比例的摇滚明星！非常感谢你，这就是诀窍！除了你的建议，我只需要将NIVO滑块的1.7.1更改为1.7.2，现在它完美运行。 kazillion谢谢你......真的！ – Carin

没问题 - 在这里回答我并不常见！另外，为了加快你的页面加载速度，你可以使用你选择的CDN托管的jQuery版本，例如 - '' – martincarlin87

好的，我将不得不做一些研究CDN - 我不知道这是什么：D – Carin

我有类似的问题，与Nivo滑块和SigPro画廊（直到我选择了一个版本，不依赖于相同的jQuery代码）。我相信Nivo滑块会改变jQuery的工作原理，并且很容易与其他图像处理插件/插件不兼容。

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

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

来源

2012-05-30 09:23:31 HarryT

我一直认为是这种情况，但后来我GOOGLE了一下，似乎有些人得到它的工作......检查出来，下面的解决方案工作！ – Carin

我会试试看 - 听起来不错。：）祝你好运！ – HarryT

Fancybox和Nivo滑块在一个页面上不起作用

回答

相关问题