carousel은 수하물 컨베이어 벨트 라는 뜻, 회전목마 라는 뜻이 있다고 한다.
돌고돈다는 것을 의미 하는듯..
위의 화면으로 어떤 ui를 생각 하게 되는가.
1. 좌우 화살표를 누르면 다음장으로 이동.
2. 아래 동그라미를 누르면 해당 페이지로 이동
이 UI가 케러셀 이다.
대부분 케러셀은 자동으로 움직이는 것을 지원하는 듯 하다.
아래 URL을 참조하면 예제와 소스코드를 구할 수 있다.
확인해서 자신에게 맞는 컴포넌트를 가져다 쓰자.
접근성 이슈 (bootstrap)
캐러셀 콤포넌트는 일반적으로 접근성 규약을 준수하지 않습니다. 당신이 준수할 필요가 있다면, 당신의 콘텐츠를 보여줄 수 있는 다른 옵션을 고려해 주세요.
bootstrap의 예제도 모바일에서 동작하는데 문제가 있다.
carousel 모바일 swipe (옆으로 쓸기) 이벤트.
http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/
'HTML' 카테고리의 다른 글
| ie9 이하에서의 placeholder 사용. (0) | 2015.03.18 |
|---|---|
| bootstrap Glyphicons + font awesome (0) | 2015.03.18 |
| jQuery Waypoints 스크롤 이벤트 (0) | 2015.03.18 |
| widget 컴포넌트 gridster (0) | 2015.03.18 |
| form안에 input과 button이 같이 있을때 input enter시에 button의 이벤트가 발생하는 문제 (0) | 2013.09.05 |
