UI Blocks 24 / 40
Carousels
콘텐츠 슬라이더·카드 레일 — 서로 다른 구성을 한 화면에 모았습니다. 필요한 것을 골라 페이지에 그대로 옮겨 쓰십시오.
전체 목록
모든 예시는 이 테마의
@theme 토큰만 사용합니다.
01
카드 레일 + 좌우 화살표
옆으로 미는 한 줄에 화살표 버튼을 얹었다. 마우스·키보드·터치가 모두 통한다
02
한 장씩 넘기는 슬라이드
한 화면에 한 장만 두고 점 인디케이터로 위치를 알린다. 알림·모집 안내에 맞다
03
여러 장이 함께 보이는 캐러셀
넓은 화면에서 세 장, 중간에서 두 장, 좁은 화면에서 한 장. 진료 센터·과목 목록에 맞다
04
대표 + 썸네일 동기 캐러셀
큰 화면 아래에 썸네일 줄을 붙였다. 한 진료 과정을 순서대로 넘겨 볼 때
썸네일을 누르면 위 사진이 바뀝니다. 지금 보고 있는 장면에는 색이 진한 테두리가 표시됩니다.
05
세로 넘김 캐러셀
한 번에 한 줄만 보여 주고 위아래 버튼으로 옮긴다. 소식 알림 띠에 맞다
새 소식
공지
2026.05.12
5월 진료 일정과 휴진일을 알려드립니다
모집
2026.04.30
어린이 구강검진 참여 신청을 받습니다
안내
2026.04.18
비급여 진료비 항목 게시 안내
검진
2026.04.02
정기 스케일링 대상자 안내를 시작합니다
시설
2026.03.21
진료실 장비 교체에 따른 이용 안내
06
인용 캐러셀
의료진의 말 한 편에 화면을 다 주고 좌우로 넘긴다. 몇 번째인지 숫자로도 알린다
치과가 무서운 건 아파서가 아니라 무엇을 하는지 몰라서인 경우가 많습니다. 그래서 기구를 들기 전에 화면부터 같이 봅니다.
기구 포장은 진료 의자 앞에서 뜯습니다. 멸균 날짜가 찍힌 자리를 보여 드리는 데 오 초면 충분합니다.
치료를 미루자고 말씀드리는 날도 있습니다. 지금 손대는 것보다 지켜보는 편이 나은 치아가 분명히 있습니다.
1 / 3
07
카드 세 장 페이드 전환
세 장을 한 묶음으로 묶고 제자리에서 서서히 갈아 끼운다. 미는 동작이 어색한 자리에
