如何使用插件为幻灯片显示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> 

希望这有助于。