我如何使jssor滑块过渡到淡出？

Question

我目前正在使用全宽度jssor滑块。

我想有以下特点：

• 子弹跃迁
• 褪色转变
• 禁用拖放，否则如果使用拖动，则会使转换淡出，而不是滑行左/右或上/下。

Answer 1

幻灯片转换只以“自动播放”的方式播放。

所有按需导航请求(单击子弹/箭头/缩略图和任何幻灯片上的手动拖动)都将导致向左滑动<->右的效果。

下面的代码将启用淡出幻灯片。

<script>
    jQuery(document).ready(function ($) {

        var _SlideshowTransitions = [
        //Fade
        { $Duration: 1200, $Opacity: 2 }
        ];

        var options = {
            ...,
            $SlideshowOptions: {                                //[Optional] Options to specify and enable slideshow or not
                $Class: $JssorSlideshowRunner$,                 //[Required] Class to create instance of slideshow
                $Transitions: _SlideshowTransitions,            //[Required] An array of slideshow transitions to play slideshow
                $TransitionsOrder: 1,                           //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
                $ShowLink: true                                    //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
            }
        };

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

    });
</script>

参考资料：http://www.jssor.com/development/slider-with-slideshow-jquery.html

将$DragOrientation选项值设置为0将禁用拖动。

<script>
    jQuery(document).ready(function ($) {

        var options = {
            ...,
            $DragOrientation: 0
        };

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

    });
</script>

参考资料：http://www.jssor.com/development/reference-options.html