添加图片轮播.

学习 DXPR Builder搭建页面添加内容文本与媒体

自动轮换的幻灯片,带箭头和圆点,方便访客浏览。用于作品集、照片画廊,或展示多张图片的首屏。

图片轮播展示博客图片,带导航箭头

  1. 悬停列,点击其控制栏中的 +;空白页面请点击 Add Elements。打开 Content 选项卡并点击 Image carousel。
  2. 从媒体库选择 Images 并插入。
  3. 选择幻灯片之间的 Interval。
  4. 点击对话框中的 Save。再点击内容区顶部工具栏中的 Save 保存页面。

您会看到的内容

幻灯片按您选择的间隔轮换,两侧箭头,下方圆点。第一张立即显示,其余按插入顺序随后出现。

在元素上打开 More > Settings。选项:

  • Images: 通过媒体库选择或上传幻灯片图片。
  • Interval: 幻灯片间隔,单位毫秒;设为 0 停止自动轮换(默认 5000)。
  • Hide: 勾选 Hide pagination control 隐藏幻灯片下方的圆点指示,勾选 Hide prev/next buttons 隐藏左右箭头。
  • Alt attribute(SEO 面板): 轮播图片的替代文本。

如果看不到它

  • Content 选项卡中没有 Image carousel。 您的用户档案隐藏了它。请管理员到用户档案启用。
  • 重新加载后消失。 页面未保存。请重新添加并点击内容区顶部工具栏中的 Save。
  • 只显示一张图片且不轮换。 只插入了一张图片,或 Interval 为 0。请添加图片或将间隔设为 0 以上。
  • 没有箭头或圆点。 Hide 下勾选了 Hide prev/next buttons 或 Hide pagination control。请在设置中取消勾选。

接下来做什么?

样式选项卡:改变图片轮播的间距和背景。