单击Navigato缩略图(Jssor Slider)时无效工作转换效果

时间:2014-05-26 06:01:47

标签: transitions effect jssor

此配置jssor滑块

var options = {
    $AutoPlay: true,
    $FillMode: 4,
    $AutoPlayInterval: 5000,
    $PauseOnHover: true,
    $ArrowKeyNavigation: true,
    $SlideWidth: 933,
    $SlideHeight: 304,
    $DragOrientation: 0,
    $ArrowNavigatorOptions: {
        $Class: $JssorArrowNavigator$,
        $ChanceToShow: 2,
    },
    $NavigatorOptions: {
        $Class: $JssorNavigator$,
        $ChanceToShow: 2,
        $ActionMode: 2,
        $AutoCenter: 0
    },
    $ThumbnailNavigatorOptions: {
        $DisableDrag: false,
        $ActionMode: 0
    },
    $SlideshowOptions: {
        $Class: $JssorSlideshowRunner$,
        $Transitions: [{$Duration:1200,$Opacity:2}]
    },
};
var jssor_slider1 = new $JssorSlider$('slider2', options);

当您因某些原因点击缩略图时,转换效果不起作用。触发时单击过渡的常规效果(从右到左)。 如何执行此操作将在$ SlideshowOptions中指定的点击缩略图分解效果 - > $过渡

1 个答案:

答案 0 :(得分:0)

滑动旋转木马(左侧< - >右侧)是jssor滑块的主要特征。

当您通过手指或鼠标触摸拖动,或单击导航控件或通过api调用时,它将触发轮播滚动。

幻灯片切换仅自动播放。