如何使用jQuery工具自動旋轉和同步導航按鈕幻燈片插件的選項卡？

使用來自flowplayer.org的jQuery工具我不理解如何讓幻燈片自動旋轉併爲每張幻燈片同步導航點？如何使用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>

來源

2012-07-20 Rubyhaus Design

想通了。我真的只是使用了稍微不同的格式化版本： http://www.jquerytools.org/

使用Sliding Tabs並不是最好的選擇。同樣精確的HTML結構，但JS觸發它，它的CSS更具體。

來源

2012-07-21 17:33:57

如何使用jQuery工具自動旋轉和同步導航按鈕幻燈片插件的選項卡？

回答

相關問題