0

使用来自 flowplayer.org 的 jQuery 工具我不明白如何让我的幻灯片自动旋转并同步每张幻灯片的导航点？

我正在使用 Slideshow Plugin for Tabs 以显示大量信息。手动点击幻灯片效果很好，但想让它们自动旋转。

尝试做一些链接插件，但似乎没有那么热。

    <!-- 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 回答