在iDangerous swiper中自動播放

我在我的應用程序中使用iDangerous swiper在iDangerous swiper中自動播放

我的主頁有三個圖像。

我想每3秒自動播放圖像。

<div class="wrapper"> 
    <div class="swiper-container" style="background: #CCCCCC"> 
     <div class="swiper-wrapper"> 

      <div class="swiper-slide tips_content2"> 
       <ul> 
        <li><img src="1.jpg"></img><span class="image1">Image 1</span></li> 
       </ul> 
      </div> 
      <div class="swiper-slide tips_content1"> 
       <ul> 
        <li><img src="2.jpg"></img><span class="image2">Image 2</span></li> 
       </ul> 
      </div> 
      <div class="swiper-slide tips_content"> 
       <ul> 
       <li><img src="3.jpg"></img><span class="image3">Image3</span></li> 
       </ul> 
      </div> 
      </div> 
     <div class="pagination"></div> 
    </div> 

</div> 
<script> 
var mySwiper = new Swiper('.swiper-container', { 
    mode: 'horizontal', 
    pagination: '.pagination', 
    loop:true, 
    paginationClickable: true, 
    autoplay:3000, 
    freeMode:true, 
    paginationElement:'div', 
    onSlideNext :function(swiper){ 
    $('.swiper-active-switch').css('background-color', '#fff'); 
} 
}); 
</script>

圖像每3秒換一次。但在分頁div中，顯示的是五個點而不是三個點。

此外，分頁中的活動sw is沒有適當切換。

請教。

由於提前

來源

2014-06-09 user67867

我相信這可能是因爲您在分頁格爲5 span元素，你可以嘗試刪除從分頁格兩個跨元素。

來源

2014-06-09 06:27:27 Sunny

Thanks.But分頁標籤中沒有span元素。

並且我還添加了paginationElement：'div'，現在只有三個點正在顯示。但現在活動頁面的點不會突出顯示，並且它仍然位於第一個位置 – user67867

您可以創建一個jsfiddle，以便我可以檢查它 – Sunny

抱歉，我無法從這裏創建小提琴帳戶，但我更新了代碼。 – user67867

在iDangerous swiper中自動播放

回答

相關問題