Elementor 이미지 회전목마 위젯: 라이트박스와 커버플로우가 포함된 무료 슬라이더
Master Addons의 이미지 캐러셀 위젯은 WordPress 갤러리를 스와이프 가능한 슬라이더로 바꿉니다. 이미지를 선택하고 데스크탑, 태블릿 및 전화기에 표시되는 수를 선택하고 원하는 경우 자동 재생, 무한 루프, 라이트박스 및 3D Coverflow 레이아웃을 추가합니다. 모든 슬라이드는 정상, 호버 및 활성 상태로 스타일을 지정할 수 있으며 화살표, 점 및 진행률 표시줄은 브랜드를 따릅니다. 포트폴리오, 제품 사진, 호텔 및 부동산 투어, 고객 로고에 대해 작동합니다.
Coverflow 및 캐러셀 레이아웃
캐러셀 설정에서 캐러셀 또는 Coverflow 레이아웃을 선택합니다. 열당 슬라이드는 데스크탑, 태블릿 및 모바일에 대해 별도의 값으로 1에서 6까지 한 번에 표시되는 슬라이드 수를 설정하므로 캐러셀은 추가 CSS 없이도 반응합니다. 스크롤할 슬라이드 각 단계가 이동하는 거리를 설정합니다. 루프는 캐러셀을 무한대로 만들고 자동 재생, 중앙 슬라이드, 커서 잡기 및 드래그 프리 모드가 움직이는 방식을 변경합니다. 회전 목마가 탭이나 아코디언 안에 있을 때 관찰자를 켜십시오.
- 반응형: 데스크탑, 태블릿 및 모바일에서 다른 슬라이드 수를 계산합니다.
- 이동: 자동 재생 속도, 애니메이션 속도, 호버시 일시 중지 및 무한 루프.
- 높이: 자동 높이가 보이는 가장 높은 슬라이드를 따르거나 회전 목마의 사용자 높이를 설정합니다.
일반, 호버 및 활성 상태의 스타일 슬라이드
회전 목마 항목 섹션은 세 가지 상태에서 각 이미지 주위에 상자의 스타일을 지정합니다. 일반, 호버 및 활성에 대한 배경, 테두리, 그림자 및 패딩을 설정하고 슬라이드와 불투명도 사이의 항목 간격을 설정합니다. 활성 상태를 사용하여 중앙 슬라이드를 이웃과 돋보이게 합니다.
- 호버: 포인터가 슬라이드 위에 있을 때 그림자 리프트 또는 색상 변경.
- 활성: 현재 슬라이드의 다른 테두리 또는 배경.
- 프레임: 모든 항목의 테두리 반경, 상자 그림자 및 패딩.
라이트박스, 화살표, 점 및 진행률 표시줄이 있는 이미지 회전 목마
탐색은 화살표, 점, 화살표 및 점, 화살표 및 분수 또는 진행률 표시줄일 수 있으며, 드래그 가능한 스크롤바를 추가할 수 있습니다. 화살표는 사용자 정의 아이콘을 가져와 회전 목마 안이나 바깥쪽에 있습니다. 라이트박스는 기본적으로 켜져 있으며 FancyBox 또는 Elementor Lightbox를 사용하여 각 이미지 전체 크기를 엽니다. 이미지 제목과 해당 미디어 라이브러리 캡션이 라이트박스에 표시되며 미리보기 아이콘 및 오버레이와 함께 둘 다 스타일을 지정할 수 있습니다.
- 화살표: 색상, 크기, 배경 및 수평 오프셋, 모바일에서 숨길 수 있는 옵션.
- 카운터: 1/8과 같은 분수 또는 상단 또는 하단의 진행률 표시줄.
- 라이트박스: FancyBox 또는 Elementor, 사용자 정의 미리보기 아이콘 및 오버레이.
Elementor Pro가 없는 Coverflow 이미지 캐러셀
Elementor에서 Coverflow 효과는 Elementor Pro의 일부인 미디어 캐러셀 위젯에 속합니다. Master Addons 이미지 캐러셀에는 레이아웃 옵션이 있습니다. 레이아웃을 Coverflow로 설정하고 중앙 슬라이드가 이웃이 멀어지는 동안 앞을 향합니다. Coverflow 효과 팝오버에는 회전, 스트레칭, 수정자 및 깊이의 4가지 슬라이더가 있습니다. 아래의 회전 목마는 라이브이므로 드래그하거나 점을 사용하십시오.
플립, 호 및 궤도 스타일에 대해서는 가이드를 참조하십시오. 엘리멘터 3D 캐러셀.
Elementor 이미지 캐러셀 대 마스터 애드온 이미지 캐러셀
Elementor의 이미지 캐러셀은 슬라이드에 캡션이 있는 기본 슬라이더로 충분합니다. Coverflow 레이아웃, 진행률 표시줄 또는 분수 카운터, FancyBox 또는 활성 슬라이드에 대한 별도의 스타일이 필요할 때 마스터 애드온을 선택합니다.
| 엘리멘터 이미지 회전목마 | 마스터 애드온 이미지 회전목마 | |
|---|---|---|
| 가격 | 무료 | 무료 |
| 장치당 보기당 슬라이드 | 예 | 예 |
| 레이아웃 | 슬라이드 또는 페이드 | 회전 목마 또는 3D 커버 플로우 |
| 캡션 | 슬라이드에서: 제목, 캡션 또는 설명 | 라이트박스: 이미지 제목 및 캡션 |
| 네비게이션 | 화살표와 점 | 화살표, 점, 동적 총알, 분수, 진행률 표시줄 및 스크롤바 |
| 라이트박스 | 엘리멘터 라이트박스 | 사용자 정의 미리보기 아이콘과 오버레이가 포함된 Fancybox 또는 Elementor |
| 슬라이드 스타일링 | 기본 | 정상, 호버 및 활성 상태 |
| 링크 | 모든 슬라이드에 대한 맞춤 URL 하나 | 링크 필드가 없고 라이트박스에서 이미지가 열립니다. |
이미지 캐러셀 위젯이 할 수 있는 것과 할 수 없는 것
위젯에 있는 것과 그렇지 않은 것에 대한 빠른 목록.
| 특징 | 이미지 회전목마 |
|---|---|
| 라이트박스(팬시박스 또는 Elementor) | 예 |
| 커버플로우 레이아웃 | 예 |
| 기기당 슬라이드 1~6개 | 예 |
| 화살표, 점, 분수, 진행률 표시줄 및 스크롤바 | 예 |
| 자동 재생 및 무한 루프 | 예 |
| 노멀, 호버 및 액티브 슬라이드 스타일링 | 예 |
| 라이트박스의 캡션(이미지 제목 및 캡션) | 예 |
| 슬라이드의 캡션 | 아니요 |
| 이미지당 링크 | 아니요 |
| 여러 행 | 아니요 |
| 비디오 슬라이드 | 아니요 |
| 썸네일 탐색 | 아니, 참조 갤러리 슬라이더 (프로) |
Elementor에서 이미지 캐러셀을 추가하는 방법
스크린샷을 통한 더 긴 연습을 원하시면 읽어보세요 elementor 에서 이미지 캐러셀을 만드는 방법.
- 무료 Master Addons 플러그인을 설치하고 Elementor로 페이지를 편집하세요.
- 이미지 회전목마에 대한 위젯 패널을 검색하고 컨테이너로 드래그합니다.
- 갤러리 필드를 클릭하고 이미지를 선택한 후 이미지 해상도를 설정합니다.
- 장치당 표시되는 슬라이드 수를 설정한 다음 원하는 경우 자동 재생, 루프 및 라이트박스를 켭니다.
- 회전목마 또는 커버플로우를 선택하고 슬라이드와 화살표의 스타일을 지정하고 게시합니다.
관련 캐러셀: 로고 슬라이더, 팀 슬라이더, 갤러리 슬라이더 (프로) 그리고 블로그 위젯의 회전목마 모드. 단일 이미지에 대한 호버 애니메이션에 대해서는 이미지 호버 효과.
필터링 가능한 이미지 그리드에 대해서는 필터링 가능한 이미지 갤러리.
이미지 회전목마에 대해 자주 묻는 질문입니다
Elementor의 기본 이미지 회전목마에 비해 가장 큰 장점은 무엇입니까?
Elementor의 이미지 캐러셀은 캡션, 라이트박스, 자동 재생 및 장치당 슬라이드와 같은 간단한 슬라이더를 잘 처리합니다. Master Addons는 3D Coverflow 레이아웃, 분수, 진행률 표시줄 및 스크롤바 탐색, 사용자 정의 미리보기 아이콘이 있는 FancyBox 또는 Elementor 라이트박스 선택, 일반, 호버 및 활성 슬라이드에 대한 스타일링, 탭 또는 아코디언 내부의 캐러셀에 대한 관찰자 옵션을 추가합니다.
모든 회전 목마 이미지를 동일한 높이로 유지하려면 어떻게 해야 합니까?
위젯이 각 이미지를 고유한 모양으로 표시하므로 동일한 종횡비로 이미지를 업로드합니다. 먼저 자르지 못할 경우 위젯에 CSS 클래스를 지정하고 Object-Fit: Slide Images를 커버하여 고정 높이를 설정합니다. 사용자 정의 높이는 회전 목마의 높이를 설정하고 이미지를 자르지 않습니다.
호버에 색칠할 회색조 로고 슬라이더에 이것을 사용할 수 있나요?
네. 로고 이미지를 업로드합니다. 캐러셀 항목 탭에서 일반 상태 불투명도를 설정하거나 CSS 필터를 사용하여 회색조로 만듭니다. 그런 다음 호버 상태에서 불투명도를 1로 다시 설정하고 필터를 제거합니다. 또는 사용 로고 슬라이더 클라이언트 로고용으로 제작된 위젯입니다.
회전 목마가 계속 스크롤할 수 있습니까?
자동 재생 여부에 관계없이 한 번에 한 단계씩 이동합니다. 멈추지 않고 미끄러지는 스트립의 경우 천막을 만드십시오. 우리의 Elementor 천막 가이드 3가지 방법을 보여줍니다.
회전목마와 슬라이더의 차이점은 무엇인가요?
슬라이더는 한 번에 하나의 슬라이드를 표시하며 일반적으로 전체 너비입니다. 회전 목마는 트랙에서 한 번에 여러 개를 보여줍니다. 이 위젯은 두 가지를 모두 수행합니다. 열당 슬라이드를 1로 설정하면 슬라이더로 작동합니다. 더 있다 회전 목마 대 슬라이더.
각 이미지에 고유한 링크가 있습니까?
...이 아닌 라이트박스에서 이미지가 열리고 위젯에 링크 필드가 없습니다. Elementor의 자체 이미지 캐러셀에는 사용자 정의 URL 옵션이 있지만 모든 슬라이드에 적용됩니다. 항목당 링크를 사용하려면 로고 슬라이더.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
