jquery - 如何使用插件显示 6 张而不是 3 张幻灯片进行幻灯片放映

Question

如何为选项卡的幻灯片放映插件显示更多 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>

您还需要再添加三个 a href：

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

希望这可以帮助。