jssor слайдер разные переходы

Question

У меня есть 5 разных слайдов, первые четыре слайда с одним и тем же переходом, только последний слайд должен действовать с другим переходом. я определил переходы в _SlideshowTransitions массивы, как показано здесь:

var _SlideshowTransitions = [ 

    {$Duration:1000,$Opacity:2,$Brother:{$Duration:800,$Opacity:2}}, 
    {$Duration:1000,$Opacity:2,$Brother:{$Duration:800,$Opacity:2}}, 
    {$Duration:1000,$Opacity:2,$Brother:{$Duration:800,$Opacity:2}}, 
    {$Duration:1000,$Opacity:2,$Brother:{$Duration:800,$Opacity:2}}, 
    {$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$JssorEasing$.$EaseInCubic,$Opacity:$JssorEasing$.$EaseLinear},$Opacity:2} 

]; 

прекрасно работает до тех пор, пока вы не использовать навигационные стрелки или пули! Как я могу выделить один другой переход на один специальный слайд?

заранее спасибо JD

Answer 1

Вы можете использовать API $SetSlideshowTransitions установить слайд-шоу переходов динамически в любое время.

var jssor_slider1 = new $JssorSlider$("slider1_container", options); 

function SetSlideshowTransition() { 
    switch (jssor_slider1.$CurrentIndex()) { 
     case 3: 
      jssor_slider1.$SetSlideshowTransitions([{$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$JssorEasing$.$EaseInCubic,$Opacity:$JssorEasing$.$EaseLinear},$Opacity:2}]); 
      break; 
     default: 
      jssor_slider1.$SetSlideshowTransitions([{$Duration:1000,$Opacity:2,$Brother:{$Duration:800,$Opacity:2}}]); 
      break; 
    } 
} 

jssor_slider1.$On($JssorSlider$.$EVT_PARK, SetSlideshowTransition);