jQuery easySlider 1.7 - 次のボタンと前のボタンを追加するにはどうすればいいですか？

Question

私は、私が取り組んでいるウェブサイトにeasySlider 1.7をインストールしました。何らかの理由で、私が何をしても、次のボタンと前のボタンはまったく表示されません。私はjQueryの全機能には新しいものではありませんが、私は非常に多くのオプションを試してみると完全に困惑しています。私はCSS、スライダーと私のhtmlのjQueryの私のコードの下にあります。私はスライダーjQueryを "banner.js"と呼ばれる別々の.jsファイルに入れ、私のCSSはメインのCSSファイルに添付されています。私は実際に何かを見落とすことができましたが、私は解決のためにウェブ上を上下に見ていました。前もって感謝します！

CSS：

#slider ul, #slider li{ 
     margin:0; 
     padding:0; 
     list-style:none; 
     } 
    #slider, #slider li{ 
     height:290px; 
     width:1024px; 
     overflow:hidden; 
     } 
    #slider{ 
     margin-left:0px; 
     } 
    #prevBtn, #nextBtn{ 
     width:30px; 
     height:77px; 
     float:left; 
     left:0px; 
     top:50px; 
     } 
    #nextBtn{ 
     left:1024px; 
     }              
    #prevBtn a, #nextBtn a{ 
     display:block; 
     width:30px; 
     height:77px; 
     background:url(../images/btn_prev.gif) no-repeat 0 0; 
     } 
    #nextBtn a{ 
     background:url(../images/btn_next.gif) no-repeat 0 0; 
     } 

          ` 

jQueryのスライド機能：

$(document).ready(function(){ 
    $("#slider").easySlider({ 
     auto: true, 
     pause:3000, 
     continuous: true, 
     controlsShow:true, 
     prevId:'prevBtn', 
     nextId:'nextBtn' 

    }); 
})` 

HTMLマークアップ：ここ

<div id="wrapper"> 
<div class="nav"> 
</div> 
<div class="banner"> 
<div id="slider"> 
    <ul> 
    <li><img src="images/banner/img001.png" alt="001" /></li> 

    <li><img src="images/banner/img002.png" alt="002" /></li> 
     <li><img src="images/banner/img003.png" alt="003" /></li> 
    </ul> 
</div> 
</div> 
<div class="mxNav"> 
<p class="mxNavText"> Order Now! </p> 
</div> 

Answer 1

は、私はあなたのコードをテストしたところへのリンクです。あなたが持っているものと私が持っているものとの唯一の違いは、画像とそれらの画像へのファイルパスです。この時点で、ファイルパスの問題があると私は考えています。私はすべての時間にこのプラグインを使用しても、extended it's functionality

http://d2burke.com/exp/es_test/

。必要に応じてコードへのリンクを投稿してください。私は見て嬉しいです