Help with time between Slider transitions

Would someone like to explain what does what in this Slider code?
Which part keeps the slide in view for X time, before the next transition?
Which part controls the speed of the actual transition?

		<script>
   		 jQuery(document).ready(function ($) {
		  var _SlideshowTransitions = [
		  {$Duration:6000,x:0.3,$Rows:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Row:3},$Easing:{$Left:$JssorEasing$.$EaseInCubic,$Opacity:$JssorEasing$.$EaseLinear},$Opacity:2},
		  {$Duration:6000,$Delay:120,$Cols:8,$Rows:4,$Clip:15,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Easing:$JssorEasing$.$EaseInQuad,$Assembly:2050},
		  {$Duration:6000,$Rows:6,$Delay:120,$Clip:4},
		  {$Duration:6000,x:-1,y:1,$Delay:120,$Cols:8,$Rows:4,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Easing:{$Left:$JssorEasing$.$EaseInQuart,$Top:$JssorEasing$.$EaseInQuart,$Opacity:$JssorEasing$.$EaseLinear},$Opacity:2},
		  {$Duration:6000,y:-1,$Cols:12,$Delay:120,$Formation:$JssorSlideshowFormations$.$FormationStraight,$ChessMode:{$Column:12}},
		  {$Duration:6000,x:1,$Rows:2,$Delay:120,$ChessMode:{$Row:3},$Easing:{$Left:$JssorEasing$.$EaseInOutQuart,$Opacity:$JssorEasing$.$EaseLinear},$Opacity:2,$Brother:{$Duration:1600,x:-1,$Rows:2,$ChessMode:{$Row:3},$Easing:{$Left:$JssorEasing$.$EaseInOutQuart,$Opacity:$JssorEasing$.$EaseLinear},$Opacity:2}},
		  ];
		   var options = {
		  $AutoPlay: true,
		  $SlideshowOptions: {
		  $Class: $JssorSlideshowRunner$,
		  $Transitions: _SlideshowTransitions,
		  $TransitionsOrder: 1,
		  $ShowLink: true,
		  $SlideDuration:20000
		  }
          };
          var jssor_slider1 = new $JssorSlider$('slider1_container', options);
          function ScaleSlider() {
          var parentWidth = $('#slider1_container').parent().width();
          if (parentWidth) {
          jssor_slider1.$ScaleWidth(parentWidth);
          }
          else
           window.setTimeout(ScaleSlider, 30);
          }
          //Scale slider after document ready
         ScaleSlider();
	
        //Scale slider while window load/resize/orientationchange.
        $(window).bind("load", ScaleSlider);
        $(window).bind("resize", ScaleSlider);
        $(window).bind("orientationchange", ScaleSlider);
        //responsive code end
   		 });
		</script>

Any help will be appreciated.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.