冲突的脚本：当我将fancyBox脚本添加到html文档时，图像滑块出现故障

Question

我正在重新设计一个顶部有一个图像滑块的网页，以显示我的一些特色作品。图像滑块工作正常，通过单击下一个或上一个图像的右箭头或左箭头来工作。

一切顺利，直到我添加了fancyBox文件的链接，以便可以在弹出的fancyBox中查看该页面中的其他图像（不在滑块中）。 fancyBox工作正常，但由于它，我的滑块现在会在单击左箭头或右箭头时消失。

有人可以帮我修复滑块或fancyBox，以便滑块脚本和FancyBox在这个页面上工作吗？

Here is a link to the webpage

在源代码中我还注意到哪些文件属于滑块，哪些属于FancyBox

我真的很感激任何帮助！

先谢谢， theirf

Answer 1

在Firebug中单步执行时看到错误：

When I called show(slide,[object Object]) with your args, an error was thrown!
TypeError: f.easing[i.animatedProperties[this.prop]] is not a function
[Break On This Error]   

...e)});else for(var g in a)ca(g,a[g],c,e);return d.join("&").replace(bD,"+")}}),f....

由$("#pic-" + next).show('slide',{direction: dir});

引起

其中'dir'是一个空字符串。相信这会导致你的错误。 您还有一些其他问题...例如在显示之前隐藏。查看更多jQuery动画内容或者..simpler使用预先构建的滑块：）

Answer 2

看起来你正在加载两个不同版本的jQuery。标题（1.7）中有一个，另一个位于m.js（1.4.2）的顶部。尝试从m.js中获取1.4.2的副本开始。确保检查控制台是否有错误，然后从那里开始。

另外，我对你正在使用的滑块脚本不太确定。我之前在同一页面上使用了BxSlider和fancyBox，他们在一起玩得很好......只是一个想法。