JSSOR - 滑动时是否可以淡入/淡出子弹/缩略图?

时间:2015-05-19 14:21:36

标签: jssor

就像标题所说,当它开始滑动时可以淡出子弹或缩略图,当它停止幻灯片动画时淡入淡出?我查看了开发部分,但似乎无法找到任何相关信息。

目前我只是总是显示缩略图,但是当滑动动画运行时它看起来很奇怪。如果有一种方法可以在没有太多自定义代码的情况下实现这一点,那就太棒了。

1 个答案:

答案 0 :(得分:0)

鉴于你有一个子弹导航器元素如下,

<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);