SlidesJS 플러그인
터치를 지원하면서 반응형으로 동작하는 이미지 슬라이드 쇼 플러그인이다
CSS3 트랜지션을 사용해 화려한 효과를 낼 수 있다. 대부분의 캐러셀 플러그인은 이전 화살표와 다음 화살표를 이미지 바로 위에 표시하지만 이 플러그인에서는 캐러셀 아래쪽에 표시한다
SlidesJS 사이트에서 다운로드할 수 있으며, EXAMPLES 에서 여러 예제와 사용법을 함께 볼 수 있다
Camera slideshow 플러그인
이 플러그인 역시 이미지 슬라이드 쇼를 위한 플러그인이다
이미지뿐만 아니라 캡션과 비디오도 삽입할 수 있다 간단한 이미지 슬라이드 쇼에서부터 섬네일이 있는 이미지 슬라이드 쇼까지 만들 수 있다
jQuery Mobile 을 함께 연결하면 모바일에서도 슬라이드 쇼를 사용할 수 있다
이 플러그인을 사용하면 이전 ..다음 화살표 대신 섬네일 이미지를 사용해 원하는 이미지를 표시할 수도 있다
'프론트 개발' 카테고리의 다른 글
| [ FE ] Do it! 프런트엔드 웹디자인 입문 12-2 SVG 이미지 사용하기 (0) | 2026.02.27 |
|---|---|
| [ FE ] Do it! 프런트엔드 웹디자인 입문 12-1 SVG 이미지란? (0) | 2026.02.27 |
| [ FE ] Do it! 프런트엔드 웹디자인 입문 11-3 한 화면에 여러 개의 이미지를 보여줄 수 있는 Owl Carousel 플러그인 (0) | 2026.02.27 |
| [ FE ] Do it! 프런트엔드 웹디자인 입문 11-2 캡션, 비디오, 반응형 등 다양한 옵션 설정이 가능한 bxSlider 플러그인 (0) | 2026.02.26 |
| [ FE ] Do it! 프런트엔드 웹디자인 입문 11-1 캐러셀이란? (0) | 2026.02.25 |