0

flowplayer.orgのjQueryツールを使用するスライドを自動回転させ、スライドごとのナビゲーションドットを同期させる方法がわかりません。

たくさんの情報を表示するために、タブ用のスライドショープラグインを使用しています。スライドを手動でクリックするとうまく機能しますが、スライドを自動的に回転させたいと考えています。

チェーンプラグインを少しやってみましたが、それほど熱くはないようです。

    <!-- START SLIDE GROUP CONTAINER -->
    <div class="slide_group" id="slide_group_queue_service">

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

        <!-- first slide -->
        <div>info in here</div>

        <!-- second slide -->
        <div>info in here</div>

        <!-- third slide -->
        <div>info in here</div>

      </div>

      <!-- the tabs -->
      <div class="slidetabs">
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
      </div>

    </div>
    <!-- END SLIDE GROUP CONTAINER -->


    <!-- SLIDE TABS FOR BUSINESSES PAGE -->
    <script type="text/javascript">
    $(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();
    });

    $("#chained").scrollable({circular: true, mousewheel:true}).navigator().autoscroll({
interval: 3000
    });
    </script>
4

1 に答える 1

0

理解した。http://www.jquerytools.org/にあるわずかに異なるフォーマットのバージョンを実際に使用しました 。

スライドタブを使用することは、最善の選択肢ではありませんでした。まったく同じHTML構造ですが、それをトリガーするJSとそのCSSはもう少し具体的でした。

于 2012-07-21T17:33:57.583 に答える