2016-07-20 18 views
0

私はRevolutionスライダを使用して私のウェブサイトにカルーセルを作成しています。私のサイトはWordPressではないので、JqueryバージョンのRevolutionスライダを使用します。それが正常に動作するが、私は自動再生を停止することはできません、それはサムネイルでカルーセルを作成Jquery Revolutionスライダは自動再生を停止できません

<script type="text/javascript"> 
       var tpj=jQuery; 

       var revapi2; 
       tpj(document).ready(function() { 
        if(tpj("#rev_slider_2_1").revolution == undefined){ 
         revslider_showDoubleJqueryError("#rev_slider_2_1"); 
        }else{ 
         revapi2 = tpj("#rev_slider_2_1").show().revolution({ 
          sliderType:"carousel", 
          jsFileLocation:"../libs/revolutionSlider/js/", 
          dottedOverlay:"none", 
          sliderLayout: "auto", 
          delay:9000, 
          navigation: { 
           keyboardNavigation:"off", 
           keyboard_direction: "horizontal", 
           mouseScrollNavigation:"off", 
           onHoverStop:"off", 
           arrows: { 
            style:"", 
            enable:true, 
            hide_onmobile:true, 
            hide_under:300, 
            hide_onleave:true, 
            hide_delay:200, 
            hide_delay_mobile:1200, 
            tmp:'', 
            left: { 
             h_align:"left", 
             v_align:"center", 
             h_offset:30, 
             v_offset:0 
            }, 
            right: { 
             h_align:"right", 
             v_align:"center", 
             h_offset:30, 
             v_offset:0 
            } 
           } 
           , 
           thumbnails: { 
            style:"", 
            enable:true, 
            width:100, 
            height:50, 
            min_width:60, 
            wrapper_padding:20, 
            wrapper_color:"transparent", 
            wrapper_opacity:"1", 
            tmp:'<span class="tp-thumb-img-wrap"> <span class="tp-thumb-image"></span></span>', 
            visibleAmount:3, 
            hide_onmobile:true, 
            hide_under:100, 
            hide_onleave:false, 
            direction:"horizontal", 
            span:false, 
            position:"outer-bottom", 
            space:5, 
            h_align:"center", 
            v_align:"bottom", 
            h_offset:0, 
            v_offset:50 
           } 
          }, 
          carousel: { 
           horizontal_align: "center", 
           vertical_align: "center", 
           fadeout: "off", 
           maxVisibleItems: 3, 
           infinity: "on", 
           space: 0, 
           stretch: "off" 
          }, 
          viewPort: { 
           enable:true, 
           outof:"pause", 
           visible_area:"80%" 
          }, 
          responsiveLevels:[1240,1024,778,480], 
          gridwidth:[1240,1024,778,480], 
          gridheight:[600,600,500,400], 
          lazyType:"none", 
          parallax: { 
           type:"mouse", 
           origo:"slidercenter", 
           speed:2000, 
           levels:[2,3,4,5,6,7,12,16,10,50], 
          }, 
          shadow:0, 
          spinner:"off", 
          stopLoop:"on", 
          stopAfterLoops:0, 
          stopAtSlide:0, 
          shuffle:"off", 
          autoHeight:"on", 
          hideThumbsOnMobile:"on", 
          hideSliderAtLimit:0, 
          hideCaptionAtLimit:0, 
          hideAllCaptionAtLilmit:0, 
          debugMode:false, 
          fallbacks: { 
           simplifyAll:"off", 
           nextSlideOnWindowFocus:"off", 
           disableFocusListener:false, 
          } 
         }); 
        } 
       }); 
      </script> 

、私はどのように行うことができます。これは私のコードですか?私のコードでは、既にsettedされています

stopAfterLoops:0, 
    stopAtSlide:0 
+0

あなたはstopAfterLoops '試すことができます。1' – vijayP

+0

おかげけどそれは動作しません – user31929

+0

いくつのスライドがありますか? – vijayP

答えて

2

私はこのように動作します:私はこの方法で動作します

stopAfterLoops:0, 
stopAtSlide:1, 
0

revapi2 = tpj("#rev_slider_2_1").show().revolution({ 
    ... 
    stopLoop: "on", 
    ... 
}); 
+0

*この方法では*どうしますか?あなたはあなたの答えを明確にしていただけますか? – FrankerZ

関連する問題