jQuery easySlider 1.7 - 如何添加下一個和上一個按鈕？

我在我工作的網站上安裝了easySlider 1.7。出於某種原因，無論我做什麼，下一個和上一個按鈕都不會顯示出來。我對整個jQuery並不陌生，但在嘗試了很多不同的選項後，我完全陷入了困境。我有我的代碼爲CSS，滑塊和我的HTML的jQuery。請注意我的滑塊jQuery在一個名爲「banner.js」的獨立.js文件中，我的CSS被附加到主CSS文件。我真的可以忽略一些東西，但我一直在網上尋找解決方案。先謝謝你！jQuery easySlider 1.7 - 如何添加下一個和上一個按鈕？

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>

來源

2012-02-08 emski.net

這裏是哪裏我測試你的代碼的鏈接。你所擁有的和我擁有的唯一區別是這些圖像的圖像和文件路徑。在這一點上，我會假設可能存在文件路徑問題。

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

我使用這個插件在所有的時間，甚至extended it's functionality。如果你願意，可以發佈一個鏈接到你的代碼。我很高興看看

來源

2012-02-08 15:30:12 d2burke

謝謝你看看！這絕對是一個菜鳥的錯誤，CSS中圖像的路徑是不正確的。我讓他們都工作和風格。再次感謝您幫助我！ – 2012-02-09 13:02:45

任何時候，高興的工作 – d2burke 2012-02-09 15:08:54

jQuery easySlider 1.7 - 如何添加下一個和上一個按鈕？

回答

相關問題