이미지 캐러셀 추가.

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

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

탐색 화살표와 함께 블로그 이미지를 표시하는 이미지 캐러셀

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

표시 내용

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

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

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

표시되지 않는 경우

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

다음 단계

스타일 탭에서 이미지 캐러셀의 간격과 배경을 변경할 수 있습니다.