轮播图 - 轮播设置

选中轮播图任意盒子后,切换到「Settings 设置」面板上,可以对轮播图的行为做出设置。

设置包括8个方面:

  1. 「Animation type 动画类型」:设置幻灯片的切换动画
  2. 「Easing method 过渡方式」:设置动画速度变化的方式
  3. 「Duration 动画长度」:设置幻灯片之间切换的时间长度
  4. 「Infinite repeat slides 无限重复」:设置幻灯片是否无限播放
  5. 「Disable swipe gestures 禁用滑动手势」:在触摸设备上(可以是手机、平板电脑和带触摸屏的笔记本)启动 / 禁用滑动手势
  6. 「Auto play 自动播放」:设置每张幻灯片的停留时间,以及自动播放的幻灯片张数
  7. 箭头设置:设置隐藏第一张幻灯片的左箭头,和最后一张幻灯片的右箭头
  8. 幻灯片导航设置:设置圆点的距离,形状,颜色(黑白)

「Animation type 动画类型」

切换动画类型,然后点击任意箭头,看看每种动画类型有什么不同。

「Cross Fade」和「Fade Over」非常类似,也是现在网络上比较常见的。

「Easing method 过渡方式」和「Duration 动画长度」

一般默认「ease」,是一个比较自然的过渡方式。

动画长度内输入2000,点击箭头,体会一下动画的变化。

动画长度推荐使用默认值500毫秒。

「Infinite repeat slides 无限重复」

推荐使用默认设置,勾选无限重复,用户体验较好。

这里,无限重复的选项变透明,不能改变。这与「Animation type 动画类型」有关。有些动画类型默认必须无限重复,有些可选。

改变一下「Animation type 动画类型」,看看哪些动画类型选项可以不无限重复。

「Disable swipe gestures 禁用滑动手势」

推荐使用默认设置,不禁用。这样在手机上,可以通过滑动手势来浏览轮播图,让用户掌控浏览速度。

「Auto play 自动播放」

是否需要自动播放轮播图,这个问题在用户体验上有争议。我们根据情况选择。

这里勾选自动播放。

勾选后,会出现更多设置选项,保持默认设置即可。

箭头设置

暂时只有一个选项:「Hide at each end 在幻灯片起始和末尾隐藏」

如果勾选,就会隐藏第一张幻灯片的左箭头,和最后一张幻灯片的右箭头。这个也需要根据具体情况选择。

这里不勾选。

幻灯片导航设置

幻灯片导航就是那几个小圆点。尝试勾选几个选项,以及调整距离数值,观看轮播图变化。

点击预览,观看效果。

results matching ""

    No results matching ""