图像轮播小部件

Image Carousel Widget 允许您向页面添加有趣和动态的画廊。在视频中,我们解释了如何创建画廊图像轮播和三列轮播。https://www.youtube.com/embed/FmD-vfugKW0?feature=oembed


内容 #

图像轮播 #

  1. 单击添加图像按钮以选择要显示的图像。选择后,单击“创建新图库”按钮,然后单击“插入图库”按钮。
  2. 图像大小:选择图像的大小,从缩略图到完整,或输入自定义大小
  3. 要显示的幻灯片:选择一次显示的幻灯片数量,从 1 到 10,适用于台式机、平板电脑和移动设备
  4. Slides to Scroll:设置每次滑动滚动多少张幻灯片
  5. 图像拉伸:选择是或否
  6. 导航:选择显示导航箭头、点、两者或无
  7. 链接到:将图像链接到它们各自的媒体文件、自定义 URL 或无
  8. Caption : 将图像标题设置为 None、Title、Caption 或 Description

附加选项 #

  1. 悬停时暂停:选择当用户悬停在轮播上时是否暂停自动播放。是还是不是
  2. 交互时暂停:选择当用户与轮播交互时是否暂停自动播放。是还是不是。
  3. 自动播放:选择是或否自动旋转幻灯片
  4. 自动播放速度:设置下一张幻灯片开始旋转所需的时间。这个时间以毫秒为单位,所以 1000 毫秒等于 1 秒。
  5. 无限循环:无限循环地显示轮播。是还是不是
  6. Animation Speed : 设置幻灯片动画的速度,以毫秒为单位
  7. 方向:选择让幻灯片从左或右旋转

风格 #

导航 #

箭头

  1. Position:设置滑块内部或外部的箭头位置
  2. 大小:设置箭头的确切大小
  3. 颜色:设置箭头的颜色

  1. Position:设置滑块内部或外部的点的位置
  2. 大小:设置点的确切大小
  3. 颜色:设置点的颜色

图片 #

  1. 垂直对齐:将图像垂直对齐到顶部、中间或底部
  2. 间距:设置幻灯片之间的间距。选择默认 (20px) 或自定义(仅当在内容选项卡上为要显示的幻灯片选择大于 1 的数量时,此选项才可用)
  3. 边框类型:设置边框类型,从无、实线、双线、点线、虚线或凹槽中选择
  4. Border Radius : 设置border-radius,控制圆角的圆度

注意:自动播放受Google在 Chrome 浏览器上的自动播放政策的影响。

先进的 #

设置适用于此小部件的高级选项

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top