2

此配置 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 -> $Transitions 中指定的单击缩略图细分效果

4

1 回答 1

0

滑动轮播(​​左 <--> 右)是 jssor 滑块的主要特点。

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

幻灯片过渡仅自动播放。

于 2014-05-26T09:52:20.963 回答