JSSOR

Question

如标题所说，是否可以在开始滑动时淡出项目符号或缩略图，在停止时淡入幻灯片动画？我查看了开发部分，但似乎找不到任何相关信息。

目前我总是显示缩略图，但滑动动画运行时看起来很奇怪。如果有一种方法可以在没有太多自定义代码的情况下执行此操作，那就太好了。

Answer 1

假设您有一个项目符号导航器元素，如下所示，

<div u="navigator" class="jssorb03" ...>
...
</div>

你可以让它在滑动开始时淡出，在滑动结束时淡入。

function SwipeStartEventHandler(position) {
    if(Math.floor(position) == position)
        $(".jssorb03").fadeOut();
}

function SwipeEndEventHandler(position) {
    if(Math.floor(position) == position)
        $(".jssorb03").fadeIn();
}

jssor_slider1.$On($JssorSlider$.$EVT_SWIPE_START, SwipeStartEventHandler);
jssor_slider1.$On($JssorSlider$.$EVT_SWIPE_END, SwipeEndEventHandler);

JSSOR - 滑动时是否可以淡入淡出 in/out bullets/thumbnails？

JSSOR - Is it possible to fade in/out bullets/thumbnails when sliding?