Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jssor中使用不同的滑块效果_Javascript_Jquery_Slider_Jssor - Fatal编程技术网

Javascript 如何在jssor中使用不同的滑块效果

Javascript 如何在jssor中使用不同的滑块效果,javascript,jquery,slider,jssor,Javascript,Jquery,Slider,Jssor,Jssor滑块非常棒,其中有很多特性,我们如何在Jssor中使用不同的效果和滑块。我认为: var jssor_1_SlideoTransitions = [ {$Duration:800,x:1,$Delay:40,$Cols:6,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Easing:{$Left:$Jease$.$InOutQuart,$Opacity:$Jease$.$Linear},$Opacity:2,$ZIn

Jssor滑块非常棒,其中有很多特性,我们如何在Jssor中使用不同的效果和滑块。我认为:

var jssor_1_SlideoTransitions = [ {$Duration:800,x:1,$Delay:40,$Cols:6,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Easing:{$Left:$Jease$.$InOutQuart,$Opacity:$Jease$.$Linear},$Opacity:2,$ZIndex:-10,$Brother:{$Duration:800,x:1,$Delay:40,$Cols:6,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Easing:{$Left:$Jease$.$InOutQuart,$Opacity:$Jease$.$Linear},$Opacity:2,$ZIndex:-10,$Shift:-60}} ];

var jssor_1_options = {
  $AutoPlay: 1,
  $SlideDuration: 800,
  $SlideEasing: $Jease$.$OutQuint,
  $CaptionSliderOptions: {
    $Class: $JssorCaptionSlideo$,
    $Transitions: jssor_1_SlideoTransitions
  },
  $ArrowNavigatorOptions: {
    $Class: $JssorArrowNavigator$
  },
  $BulletNavigatorOptions: {
    $Class: $JssorBulletNavigator$
  }
};

var jssor_1_slider = new $JssorSlider$("jssor_1_slider", jssor_1_options);
在这里,我可以改变过渡类型,如放大和缩小、淡入和淡出。请举例说明


谢谢。

请使用jssor slider composer添加/删除幻灯片放映转换