캐로셀 요소(Carousel)

캐로셀 요소는 여러 개 컨텐츠를 한 영역에서 슬라이드 형태로 보여주는

방식의 구성입니다. 슬라이더와 비슷한 사용성이 있지만

전체 블럭이 슬라이딩 되는 것이 아니라 한 영역에서 슬라이드 되는 점에서

슬라이더와 차이가 있습니다.

캐로셀 요소 메뉴

이미지는 복제해서 계속 컨텐츠를 계속 추가할 수 있습니다

캐로셀 메뉴는 자동재생 여부 / 재생속도 / 열 / 스페이싱 을 설정합니다

자동재생은 페이지가 오픈되면 속도를 기준으로 자동으로 컨텐츠가 슬라이딩 됩니다.

재생속도는 일반적으로 3~5초가 적당합니다.

열은 한번에 보여주는 컨텐츠 수를 이야기 합니다.

스페이싱은 컨텐츠 간격으로 PX 단위로 숫자를 넣어가면

좋은 간격을 정합니다.

캐로셀 요소-사이드메뉴 화살표 설정

화살표를 설정하면 재생시간과 상관없이 직접 넘기며 컨텐츠를 확인할 수 있습니다.

스타일은 컨텐츠 내부에 화살표를 표시 할지 컨텐츠 밖에 표시 할지

안보이게 할지 설정합니다.

캐로셀 요소-사이드메뉴 화살표 설정

화살표 모양은 일반적으로 가장 얇은 디자인을 많이 사용합니다.

캐로셀 요소 마무리

캐로셀은 다이나믹 데이터를 다룰 때 사용하면 매우 효과적입니다

그러면에서 아쉽지만 Brizy의 캐로셀 요소는 간단하게 사용할 때 효과적입니다.

Brizy의 편집기는 고난이도 사이트 제작 보다는 빠른 시간에

깔끔한 사이트 제작에 매우 효과적입니다.

플러그인에 대해

폴리랭 플러그인 (POLYL...
워드프레스 웹사이트 하나로 한국어, 영어, 일본어 등 여러 언어를 동시에 지원하는 다...
스마트 슬라이더 3 플러그인...
웹사이트 첫 화면의 메인 비주얼 배너나 이미지 슬라이드를 코딩 없이 전문 디자이너 수...
요스트SEO 플러그인(Yoa...
내 웹사이트와 블로그 글이 구글, 네이버 등 주요 검색엔진 결과 상위에 노출될 수 있...

참고 사이트 소개

SVG Repo
웹사이트를 제작할 때 메뉴 아이콘, 버튼 심볼, 서비스 특징을 설명하는 일러스트는 방...
리무브비지(Remove BG...
웹사이트를 제작할 때 상품 사진, 인물 프로필, 브랜드 로고를 깔끔하게 배치하려면 불...
캔바(Canva)
웹사이트를 만들 때 가장 큰 난관 중 하나는 로고, 메인 비주얼 배너, 블로그 썸네일...