2012-07-20 3 views
0

flowplayer.org의 jQuery Tools 사용하기 슬라이드를 자동으로 회전시키고 슬라이드마다 탐색 점을 동기화하는 방법을 이해하지 못하겠습니까 ??탭을위한 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> 

답변

0

알아 냈습니다. 방금 사용했던 약간 다른 형식의 버전을 사용했습니다 : http://www.jquerytools.org/

슬라이딩 탭을 사용하는 것이 가장 좋은 방법은 아닙니다. 똑같은 HTML 구조이지만, JS를 트리거하는 CSS와 CSS는 좀 더 구체적입니다.