JQuery 水平 slider 缓和问题

Question

我用正确的样式开发了这个 JQuery Horizo​​ntal Slider: http://css-tricks.com/examples/FeaturedContentSlider/

这在我的 JsFiddle 中正常运行:http://jsfiddle.net/NinjaSk8ter/5tXgQ/

但是，当我将其放入我的网站时，我遇到了图片转换问题。

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

框架没有像 JSFiddle 中那样缓动和过渡。我包含了 3 个 js 文件，我无法判断这些文件是否被我已有的其他 js 文件破坏了。

我也不确定我是否将 JavaScript 正确添加到 Accordion 已经就绪的文档就绪功能中。

如果有人不介意用 FireBug 看看我做错了什么 - 将不胜感激!

Answer 1

There are 3 js files that I've included, and I cant tell if these are being clobbered by some other js file I already have.

显然，它确实在 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>