-2

タブのスライド ショープラグインでさらに 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 });
    });


ありがとう。

4

1 に答える 1

1

あなたの質問を正しく理解できれば、プラグインが標準で表示する 3 枚ではなく 6 枚のスライドを表示できるようにする必要があります。

その場合は、単純な 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>

また、さらに 3 つの a href を追加する必要があります。

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

お役に立てれば。

于 2012-06-15T08:50:24.183 に答える