2013-07-31 30 views
0

我目前正在使用JSlide爲朋友創建一個輪播,我對幻燈片的更改有問題。自動更換JSlide

是否有可能改變它,以便它會自動滑過每一個特定的時間間隔?例如,讓我們說5秒延遲滑塊更改之前?

另一件事是刪除分頁按鈕,我假設我只是從功能中刪除分頁代碼?我不能完全肯定

總之,這裏的下面整個代碼:

HTML

<div class="slidescontainer"> 
    <div id="slides"> 
     <img src="http://i39.tinypic.com/30sh5wo.jpg" alt="Banner 1"> 
     <img src="http://i41.tinypic.com/w5gds.jpg" alt="Banner 2"> 
     <img src="http://i41.tinypic.com/17rd3l.jpg" alt="Banner 3"> 
     <img src="http://i40.tinypic.com/4u8ajn.jpg" alt="Banner 4"> 
     <img src="http://i42.tinypic.com/30a8l1g.jpg" alt="Banner 5"> 
     <img src="http://i39.tinypic.com/259x57a.jpg" alt="Banner 6"> 
     <img src="http://i39.tinypic.com/2r6hbv5.jpg" alt="Banner 7"> 
    </div> 
    </div> 

SCRIPT

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://static.tumblr.com/wxsnpan/qjsmqsq7r/jquery.slides.min.js"></script> 
    <script> 
    $(function() { 
     $('#slides').slidesjs({ 
     width: 940, 
     height: 528, 
     navigation: { 
      effect: "fade" 
     }, 
     pagination: { 
      effect: "fade" 
     }, 
     effect: { 
      fade: { 
      speed: 400 
      } 
     } 
     }); 
    }); 
    </script> 

回答

1

是這個jsFiddle回答您的問題嗎?

對於自動幻燈片選項,我改變你的腳本

play: { 
     active: true, 
     auto: true, 
     interval: 4000, 
     swap: true, 
     pauseOnHover: true, 
     restartDelay: 2500, 
     effect:"fade" 
    } 

對於分頁開發商允許您使用此選項來禁用它,

pagination: { 
    active: false 
} 

你可以找到很多的這個腳本的信息SlideJS website

我希望這會幫助你。

+0

這幾乎是完美的,除非它不會自動滑動,並且仍然需要用戶按「播放」或「下一步」? – Mikey