UI Blocks 24 / 40
Carousels
콘텐츠 슬라이더·카드 레일 — 서로 다른 구성을 한 화면에 모았습니다. 필요한 것을 골라 페이지에 그대로 옮겨 쓰십시오.
전체 목록
모든 예시는 이 테마의
@theme 토큰만 사용합니다.
01
카드 레일 + 좌우 화살표
옆으로 미는 한 줄에 화살표 버튼을 얹었다. 마우스·키보드·터치가 모두 통한다
02
한 장씩 넘기는 슬라이드
한 화면에 한 장만 두고 점 인디케이터로 위치를 알린다. 알림·모집 안내에 맞다
03
여러 장이 함께 보이는 캐러셀
넓은 화면에서 세 장, 중간에서 두 장, 좁은 화면에서 한 장. 지회·상품 목록에 맞다
전국 지회 안내
화살표를 누르거나 좌우로 밀어 다른 지회를 보실 수 있습니다.
04
대표 + 썸네일 동기 캐러셀
큰 화면 아래에 썸네일 줄을 붙였다. 한 행사의 장면을 순서대로 넘겨 볼 때
썸네일을 누르면 위 사진이 바뀝니다. 지금 보고 있는 장면에는 빨간 테두리가 표시됩니다.
05
세로 넘김 캐러셀
한 번에 한 줄만 보여 주고 위아래 버튼으로 옮긴다. 소식 알림 띠에 맞다
새 소식
공지
2026.05.12
제32차 정기총회 결과를 알려드립니다
모집
2026.04.30
하반기 안보견학 참가 신청을 받습니다
장학
2026.04.18
회원 자녀 장학생 선발 결과 안내
봉사
2026.04.02
하천 환경 정화 활동 참여 회원을 찾습니다
행사
2026.03.21
창설기념식 준비위원회 구성 결과
06
후기 캐러셀
회원의 말 한 편에 화면을 다 주고 좌우로 넘긴다. 몇 번째인지 숫자로도 알린다
전우회는 옛일을 기념하는 모임이 아닙니다. 지금 이 동네에서 손이 필요한 곳에 제일 먼저 가 있는 사람들이 우리 회원입니다.
전역하고 나면 그 시절 이야기를 나눌 사람이 없습니다. 여기 와서 스무 살 차이 나는 선배와 같은 말을 쓴다는 게 참 좋았습니다.
아버지가 다니시던 모임인데 이제 제가 나옵니다. 안보교육을 나가면 학생들이 생각보다 훨씬 진지하게 듣습니다.
1 / 3
07
카드 세 장 페이드 전환
세 장을 한 묶음으로 묶고 제자리에서 서서히 갈아 끼운다. 미는 동작이 어색한 자리에