2010-10-29 62 views
0

使用easySlider 1.7我已經完成了所有的配置,我是怎麼想的但我的3的最後一張圖像顯示出來然後消失。然後再循環兩張圖像。EasySlider 1.7沒有顯示我的最後一張圖片

另一個2掛起5秒鐘,然後第三步進入,它被吞沒了。

這是我的easySlider代碼:

$.fn.easySlider = function(options){ 

//默認配置屬性 變種默認= {
prevId: 'prevBtn', prevText: '上一個', nextId: 'nextBtn', nextText: '下一步', controlsShow:假的, controlsBefore: '', controlsAfter: '', controlsFade:真實, firstId: 'firstBtn', 使用firstText: '第一', firstShow:假的, lastId: 'lastBtn', lastText: '最後一個', lastShow:假的,
垂直:假的, 速度:800, 汽車:假的, 暫停:5000, 連續:真實, numeric:false, numericId:'controls' };

這是我

<div style="position:absolute; left:457px; top:598px; width:468px; height:331px; overflow: hidden;" id="slider""> 
      <ul style="width: 1404px; margin-left:0px;"> 
      <li style="margin-left: 457px; float: left;"><img src="../stewart/studies/1_invest/invest_01.png"></li>  
     <li style="margin-left: 11px;"><img src="../stewart/studies/1_invest/invest_02.jpg"></li> 
    <li style="margin-left: 0px;"><img src="../stewart/studies/1_invest/invest_03.jpg"></li> 
    </ul> 
</div> 

任何想法?我是設計師,代碼不是我的強項。

乾杯!

回答

0

首先,你應該刪除margin-left你已經提供給個人li。滑動時,插件會自動提供margin-left

第二件事情是提供給<div id="slider">width應該等於要幻燈片圖像的寬度(我假設你想滑動所有圖像的寬度是相同的。)

最後一件事包括float:left給每個div,而不僅僅是第一個。

只要嘗試上述事情,看看它是否正常工作。

如果仍然給予問題,如果可以,請提供我網頁的鏈接,以便我可以幫助您。

+0

輝煌,歡呼。它工作完美。 – Allan 2010-10-29 15:34:01

+0

@Allan:如果您對我的解決方案感到滿意,那麼您應該將其標記爲正確答案。 :) – Alpesh 2010-10-29 15:52:01

相關問題