JQuery的水平滑块缓解问题

Question

我开发这个jQuery水平滑块与正确的样式： http://css-tricks.com/examples/FeaturedContentSlider/

在我的jsfiddle正常此功能：http://jsfiddle.net/NinjaSk8ter/5tXgQ/

然而，当我投进我的网站这一点，林有问题与图片转换。

http://www.virtualpetstore.com/InteriorServices.aspx

的帧不被缓和，转换作为的jsfiddle。有3个js文件包含在内，我不知道这些文件是否被我已有的其他js文件破坏了。

我也不确定是否将JavaScript正确添加到文档就绪函数中，这对于手风琴来说已经就位。

如果有人不介意FireBug这看看我做错了 - 这将不胜感激！

Answer 1

有3 js文件，我已经包括，我不能告诉如果这些正在被我已经有的其他js文件破坏。

显然它确实在JavaScript包含的顺序方面有所不同。我注意到这些包括之前存在的地方，现在我将它们移到底部。

<script type="text/javascript" src="js/jquery-1.5.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui.min.js"></script> 

<%--<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>--%> 
<%--<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>--%> 
<%--<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>--%> 

<script type="text/javascript" src="js/jquery.serialScroll-min.js"></script> 
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script> 
<script type="text/javascript" src="js/jquery.galleriffic.js"></script> 
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script> 
<script type="text/javascript" src="js/colors.js"></script> 
<script type="text/javascript" src="js/colorpicker.js"></script> 
<script type="text/javascript" src="js/blipITpicker.js"></script> 
<script type="text/javascript" src="js/jquery.corner.js"></script> 
<script type="text/javascript" src="js/jquery.cycle.min.js"></script> 
<script type="text/javascript" src="js/menu.js"></script> 
<script type="text/javascript" src="js/jquery.simplemodal.js"></script> 
<script type="text/javascript" src="js/contact.js"></script> 

<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script> 
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script> 
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script> 

Answer 2

你的链接提供了404页未找到...

而且我敢打赌，你没有重置你的CSS一样的jsfiddle确实这就是为什么你必须在你的图像/链接

更新蓝色边框：所以我认为你遇到的问题是因为你有太多的缓解功能副本。为了将来的参考，jQuery UI包含了所有的缓动函数（v1.3）。有滑块（v1.3）包含的副本和menu.js（v1.1）文件中的另一个副本。所以忽略我在下面说四个副本的评论，这是三个。