2014-02-13 62 views
3

我在一個網站上實現了jssor Slider Carousel,並且一切正常。 我的滑塊基於'Jssor.Slider.FullPack'中的'carousel.source.html'示例。jssor Slider Carousel:是否可以設置'circular:false'?

http://www.vsdesign.com.au/index.php/projects/branding/united_panel_works

<script> 
    jQuery(document).ready(function ($) { 
     var options = { 
      $AutoPlay: 1,         //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false 
      $AutoPlaySteps: 3,         //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1 
      $AutoPlayInterval: 4000,       //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000 
      $PauseOnHover: 0,        //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, default value is 3 

      $ArrowKeyNavigation: true,       //[Optional] Allows keyboard (arrow key) navigation or not, default value is false 
      $SlideDuration: 300,        //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500 
      $MinDragOffsetToSlide: 20,       //[Optional] Minimum drag offset to trigger slide , default value is 20 
      $SlideWidth: 138,         //[Optional] Width of every slide in pixels, default value is width of 'slides' container 
      //$SlideHeight: 92,        //[Optional] Height of every slide in pixels, default value is height of 'slides' container 
      $SlideSpacing: 6,         //[Optional] Space between each slide in pixels, default value is 0 
      $Cols: 6,         //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1 
      $Align: 0,        //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0. 
      $UISearchMode: 1,         //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, direction navigator container, thumbnail navigator container etc). 
      $PlayOrientation: 1,        //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, default value is 1 
      $DragOrientation: 1,        //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0) 



      $ArrowNavigatorOptions: { 
       $Class: $JssorArrowNavigator$,    //[Requried] Class to create direction navigator instance 
       $ChanceToShow: 2,        //[Required] 0 Never, 1 Mouse Over, 2 Always 
       $Steps: 3          //[Optional] Steps to go for each navigation request, default value is 1 
      } 
     }; 

     var jssor_slider2 = new $JssorSlider$("slider2_container", options); 
    }); 
</script> 

不過,我已經注意到,它默認爲從末端滑動滑動到第一個,反之亦然。 在我處理的其他滑塊和旋轉木馬中,有一個稱爲循環或類似的參數來處理此函數。

通過配置選項來看,我無法找到任何參數。 我嘗試使用提供的語法並將下面的行輸入到初始化中,但沒有運氣。

$Circular: false, 

是任何人都知道,爲jssor旋轉木馬滑塊去除循環滾動的方式,或者如果有應該是一個參數?

+0

你摸不着頭腦? – Micah

回答

1

請設置$循環選項設置爲0

<script> 
    jQuery(document).ready(function ($) { 
     var options = { 
      ... 
      $Loop: 0, 
      ... 

     }; 

     var jssor_slider2 = new $JssorSlider$("slider2_container", options); 
    }); 
</script> 
+0

這應該是被接受的答案!如果您使用縮略圖庫,則還需要在'$ ThumbnailNavigatorOptions'中設置'$ Loop:false'。 – taber