幻灯片

动画

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

图片

Lorem ipsum dolor sit amet.

视频

Lorem ipsum dolor sit amet.

YouTube

Lorem ipsum dolor sit amet.

Vimeo

Lorem ipsum dolor sit amet.

    使用视差修改动画

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

    切换过渡 + 肯伯恩斯效果

    底部

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    底部

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    右侧

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    左侧

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    视差控制

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

    最小/最大高度

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

    标题

    Lorem ipsum dolor sit amet.

      视口高度

      标题

      Lorem ipsum dolor sit amet.

      标题

      Lorem ipsum dolor sit amet.

      标题

      Lorem ipsum dolor sit amet.

      标题

      Lorem ipsum dolor sit amet.

        JavaScript 选项

        选项 默认值 描述
        animation 字符串 slide 要使用的动画效果。(slide, fade, scale, pull, push)
        autoplay 布尔值 false 开始自动播放幻灯片。
        autoplay-interval 数字 7000 自动播放模式下切换幻灯片之间的延迟时间。
        draggable 布尔值 true 启用指针拖动。
        finite 布尔值 false 禁用无限滑动。
        index 数字 0 要显示的幻灯片项目。基于 0 的索引。
        pause-on-hover 布尔值 true 鼠标悬停时暂停自动播放模式。
        velocity 数字 1 动画速度(像素/毫秒)。
        ratio 布尔值,字符串 16:9 比例。(`false` 阻止高度调整)
        min-height 布尔值,数字 false 最小高度。
        max-height 布尔值,数字 false 最大高度。
        i18n 对象 null 覆盖默认翻译文本。

        i18n

        默认值 描述
        next 下一张幻灯片 下一张幻灯片按钮的 aria-label
        previous 上一张幻灯片 上一张幻灯片按钮的 aria-label
        slideX 幻灯片 %s 分页幻灯片按钮的 aria-label
        slideLabel %s / %s 幻灯片的 aria-label