如何将jssor转换生成器添加到现有的滑块？

Question

如何添加jssor转换到我的滑块？ 我用Jssor这样的代码：

<script src="js/jssor.slider.mini.js"></script> 
<sc...> 
jQuery(document).ready(function ($) { 
    var options = { $AutoPlay: true }; 
    var jssor_slider1 = new $JssorSlider$('slider1_container', options); 
}); 
<sc...> 

参考：http://www.jssor.com/development/

这上面的代码工作良好，但现在我要利用这个过渡如下代码：

{$Duration:1500,x:0.2,y:-0.1,$Delay:20,$Cols:8,$Rows:4,$Clip:15,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationZigZag,$Assembly:260,$Easing:{$Left:$JssorEasing$.$EaseInWave,$Top:$JssorEasing$.$EaseInWave,$Clip:$JssorEasing$.$EaseOutQuad},$Outside:true,$Round:{$Left:0.8,$Top:2.5}} 

参考：http://www.jssor.com/development/tool-slideshow-transition-viewer.html

在下面的代码中，我可以添加这个转换吗？

<sc...> 
jQuery(document).ready(function ($) { 
    var options = { $AutoPlay: true }; 
    var jssor_slider1 = new $JssorSlider$('slider1_container', options); 
}); 
</sc...> 

Answer 1

最后我能找到它。下面是答案：

jssor_slider1_starter = function (containerId) { 
    //Define an array of slideshow transition code 
    var _SlideshowTransitions = [ 
    {$Duration:1500,x:0.2,y:-0.1,$Delay:20,$Cols:8,$Rows:4,$Clip:15,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationZigZag,$Assembly:260,$Easing:{$Left:$JssorEasing$.$EaseInWave,$Top:$JssorEasing$.$EaseInWave,$Clip:$JssorEasing$.$EaseOutQuad},$Outside:true,$Round:{$Left:0.8,$Top:2.5}} 
    ]; 
    // And you can add more transitions to the array. 
    var options = { 
     $AutoPlay: true, 
     $SlideshowOptions: { 
       $Class: $JssorSlideshowRunner$, 
       $Transitions: _SlideshowTransitions, 
       $TransitionsOrder: 1, 
       $ShowLink: true 
      } 
    }; 
    var jssor_slider1 = new $JssorSlider$(containerId, options); 
}; 

参考：http://www.jssor.com/development/tool-slideshow-transition-viewer.html