如何使用插件爲幻燈片顯示6代替3幻燈片

Question

如何爲選項卡的slide show插件顯示更多3張幻燈片（= 6）？默認設置讓我只有3張幻燈片，但我需要6

我的代碼是：

$(function() { 

     $(".slidetabs").tabs(".images > div", { 

      // enable "cross-fading" effect 
      effect: 'fade', 
      fadeOutSpeed: "slow", 

      // start from the beginning after the last tab 
      rotate: true, 


      // use the slideshow plugin. It accepts its own configuration 
     }).slideshow({ clickable: false }); 
    }); 

感謝。

Answer 1

如果我正確理解您的問題，您希望能夠顯示6張幻燈片，而不是插件顯示爲標準的3張幻燈片。

如果這是一個簡單的HTML更改的情況。

代碼當前如下：

<!-- container for the slides --> 
    <div class="images"> 

    <!-- first slide --> 
    <div>Lorem ipsum ..</div> 

     <!-- second slide --> 
    <div>Lorem ipsum ..</div> 

    <!-- third slide --> 
    <div>Lorem ipsum ..</div> 

    </div> 

你只需要改變它過於以下幾點：

 <!-- first slide --> 
    <div>Lorem ipsum ..</div> 

     <!-- second slide --> 
    <div>Lorem ipsum ..</div> 

    <!-- third slide --> 
    <div>Lorem ipsum ..</div> 

    <!-- fourth slide --> 
    <div>Lorem ipsum ..</div> 

     <!-- fifth slide --> 
    <div>Lorem ipsum ..</div> 

    <!-- sixth slide --> 
    <div>Lorem ipsum ..</div> 

    </div> 

您還需要添加三個更多的HREFs ：

<div class="slidetabs"> 
     <a href="#"></a> 
     <a href="#"></a> 
     <a href="#"></a> 
     <a href="#"></a> 
     <a href="#"></a> 
     <a href="#"></a> 
    </div> 

希望這有助於。