jssor with dynamic $對齊

Question

是否有可能改變$ Align運行時？

我有一個內容容器（可以說寬度：1000px），margin-left和-right設置爲auto。所以容器是居中的。滑塊的容器有100％，幻燈片的寬度設置爲1000px。我現在想要的是，活動幻燈片總是在中間（如內容容器），其他幻燈片在其左側和右側。所以我唯一的想法是在運行時重置$ Align，每次窗口都會調整大小。

這是不是有可能？

我目前的選擇：

var initialmargin = parseInt($("#page").css("margin-left")); 

     var options = { 
       $AutoPlay: false, 

       $PauseOnHover: 1,        //[Optional] Whether to pause when mouse over if a slideshow is auto playing, default value is false 

       $ArrowKeyNavigation: true,       //Allows arrow key to navigate or not 
       $SlideWidth: 870,         //[Optional] Width of every slide in pixels, the default is width of 'slides' container 
       $SlideHeight: 300,         //[Optional] Height of every slide in pixels, the default is width of 'slides' container 
       $SlideSpacing: 30,         //Space between each slide in pixels 
       $Cols: 2,         //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: initialmargin,        //The offset position to park slide (this options applys only when slideshow disabled). 

       $ArrowNavigatorOptions: {      //[Optional] Options to specify and enable arrow navigator or not 
        $Class: $JssorArrowNavigator$,    //[Requried] Class to create arrow navigator instance 
        $ChanceToShow: 2,        //[Required] 0 Never, 1 Mouse Over, 2 Always 
        //$AutoCenter: 2,         //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0 
        $Steps: 1          //[Optional] Steps to go for each navigation request, default value is 1 
       } 
      }; 

正如你可以看到我用的是利潤率左的#page來初始化$對齊。現在我想改變這個值：

$(window).resize(function() { 
    initialmargin = parseInt($("#page").css("margin-left")); 
    //set initialmargin as new $Align 
}); 

Answer 1

沒有選項可以動態設置$對齊。 您可以將滑塊放在包裝中以使其自動居中。

<div style="position: relative; width: 100%; background-color: #003399; overflow: hidden;"> 
    <div style="position: relative; left: 50%; width: 5000px; text-align: center; margin-left: -2500px;"> 
     <div id="slider1_container" style="position: relative; margin: 0 auto;..."> 
      ... 
     </div> 
    </div> 
</div> 

參考：http://www.jssor.com/testcase/auto-center-slider-with-no-scale.source.html