---
url: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/image-carousel'
title: '이미지 캐러셀 추가 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:03:29+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-24T14:03:29+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/ko/hc/documentation/learn-dxpr-builder/elements/image-carousel'
      articleSection: '텍스트와 미디어'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/image-carousel'
      description: '자동으로 회전하고 둘러보려는 방문자를 위한 화살표와 점이 있는 슬라이드쇼를 만들 수 있습니다. 포트폴리오 작업, 사진 갤러리, 이미지를 여러 장 보여주는 히어로에 사용하세요.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 홈
            item: 'https://dxpr.com/ko'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ko
---
[도움말 센터](/ko/node/75)/[문서](/ko/hc/documentation) /[DXPR Builder 배우기](/ko/hc/documentation/learn-dxpr-builder) /[페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/build) /[콘텐츠 추가](/ko/hc/documentation/learn-dxpr-builder/elements) /[텍스트와 미디어](/ko/hc/documentation/learn-dxpr-builder/elements/text-and-media) # 이미지 캐러셀 추가.

 DXPR Builder 배우기페이지 만들기콘텐츠 추가텍스트와 미디어

   ## 이 가이드의 내용

 관련 가이드

- [스타일 패널에서 요소 모양 변경](/ko/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

자동으로 회전하고 둘러보려는 방문자를 위한 화살표와 점이 있는 슬라이드쇼를 만들 수 있습니다. 포트폴리오 작업, 사진 갤러리, 이미지를 여러 장 보여주는 히어로에 사용하세요.

## 이미지 캐러셀 추가

1. 컬럼에 마우스를 올리고 컨트롤 바에서 **+**를 클릭하거나, 빈 페이지에서 **요소 추가**를 클릭합니다. **콘텐츠** 탭을 열고 **이미지 캐러셀**을 클릭합니다.
2. 미디어 라이브러리에서 **이미지**를 선택하여 삽입합니다.
3. 슬라이드 사이의 **간격**을 선택합니다.
4. 대화상자에서 **저장**을 클릭합니다. 그런 다음 콘텐츠 영역 상단의 툴바에서 **저장**을 클릭하여 페이지를 저장합니다.

  ## 표시 내용

슬라이드쇼가 선택한 간격으로 회전하며, 양쪽에 화살표, 아래에 점이 표시됩니다. 첫 번째 이미지가 먼저 표시되고, 나머지는 삽입한 순서대로 표시됩니다.

## 이미지 캐러셀 설정

요소에서 **더보기 > 설정**을 엽니다. 옵션:

- **이미지:** 미디어 라이브러리에서 슬라이드쇼용 이미지를 선택하거나 업로드합니다.
- **간격:** 밀리초 단위의 슬라이드 간격. 자동 회전을 멈추려면 0으로 설정합니다(기본값: 5000).
- **숨기기:** 슬라이드 아래의 점 표시기를 숨기려면 **페이지네이션 컨트롤 숨기기**를 선택하고, 좌우 화살표를 숨기려면 **이전/다음 버튼 숨기기**를 선택합니다.
- **Alt 속성**(SEO 패널)**:** 캐러셀 이미지의 대체 텍스트.

## 표시되지 않는 경우

- **콘텐츠 탭에 이미지 캐러셀이 없습니다.** 사용자 프로필에서 숨겨져 있습니다. 관리자에게 [사용자 프로필](/ko/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)에서 활성화해 달라고 요청하세요.
- **다시 로드하면 사라집니다.** 페이지가 저장되지 않았습니다. 다시 추가하고 콘텐츠 영역 상단의 툴바에서 **저장**을 클릭합니다.
- **이미지 하나만 표시되고 회전하지 않습니다.** 이미지가 하나만 삽입되었거나 **간격**이 0입니다. 이미지를 추가하거나 0보다 큰 간격을 설정합니다.
- **화살표와 점이 표시되지 않습니다.** **숨기기**에서 **이전/다음 버튼 숨기기** 또는 **페이지네이션 컨트롤 숨기기**가 선택되어 있습니다. 설정에서 선택을 해제합니다.

## 다음 단계

[스타일 탭](/ko/hc/documentation/learn-dxpr-builder/element-settings/style-tab)에서 이미지 캐러셀의 간격과 배경을 변경할 수 있습니다.