---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/elements/image-carousel'
title: '添加图片轮播 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:51:00+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 自动轮换的幻灯片，带箭头和圆点，方便访客浏览。用于作品集、照片画廊，或展示多张图片的首屏。
tags:
  - 'Text and media'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 添加图片轮播
      description: 自动轮换的幻灯片，带箭头和圆点，方便访客浏览。用于作品集、照片画廊，或展示多张图片的首屏。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:51:00+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/elements/image-carousel'
      articleSection: 文本与媒体
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/elements/image-carousel'
      description: 自动轮换的幻灯片，带箭头和圆点，方便访客浏览。用于作品集、照片画廊，或展示多张图片的首屏。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[搭建页面](/zh-hans/hc/documentation/learn-dxpr-builder/build) /[添加内容](/zh-hans/hc/documentation/learn-dxpr-builder/elements) /[文本与媒体](/zh-hans/hc/documentation/learn-dxpr-builder/elements/text-and-media) # 添加图片轮播.

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

   ## 本指南内容

 相关指南

- [在样式面板中改变元素外观](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

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

## 添加图片轮播

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。** 您的用户档案隐藏了它。请管理员到[用户档案](/zh-hans/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)启用。
- **重新加载后消失。** 页面未保存。请重新添加并点击内容区顶部工具栏中的 **Save**。
- **只显示一张图片且不轮换。** 只插入了一张图片，或 **Interval** 为 0。请添加图片或将间隔设为 0 以上。
- **没有箭头或圆点。** **Hide** 下勾选了 **Hide prev/next buttons** 或 **Hide pagination control**。请在设置中取消勾选。

## 接下来做什么？

[样式选项卡](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/style-tab)：改变图片轮播的间距和背景。