jQueryの水平スライダが発行

Question

を緩和私は正しいスタイルで、このjQueryの水平スライダを開発しました：私のJsFiddleの通常 http://css-tricks.com/examples/FeaturedContentSlider/

この機能：http://jsfiddle.net/NinjaSk8ter/5tXgQ/

をしかし、私は自分のサイトにこれをドロップしたとき、イムは、問題を抱えて絵のトランスクリプトと一緒に。

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

フレームが緩和とJSFiddleのように移行していません。私が含まれている3つのjsファイルがあり、私はすでにこれらの他のjsファイルによってclobberedされているかどうかはわかりません。

イム私はアコーディオンのための場所ですでにだったドキュメントレディ機能に正しくJavaScriptを追加した場合にもわかりません。

誰もが、私はそれをいただければ幸いですwrong-何をしたかを確認するには、この放火犯に気にwouldntの場合は！

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ページを与える...

はまたjsFiddleがあなたの画像/リンクの周り

アップデートを青い枠を持っている理由であるないようにあなたがあなたのCSSをリセットしていない私を賭けますあなたが持っていた問題は、イージングファンクションのコピーが多すぎるためです。将来の参考として、jQuery UIにはすべてのイージング関数（v1.3）が含まれています。スライダー（v1.3）に含まれているコピーと、menu.js（v1.1）ファイルに別のコピーがあります。それで、私が4部を言ったコメントを無視してください、それは3つです。