[해피CGI][cgimall] Slick Auto-Playing Featured Content Slider(jQuery)

jquery 를 이용해서
이미지를 슬라이드 시켜주는 스크립트 입니다.


다운로드 받은 파일의 압축을 풀어서
FeaturedContentSlider/index.html 파일을
웹브라우저로 열어 보면 어떻게 슬라이드가 되는지 확인이 가능합니다.


HTML의 구조와,
CSS를 어떻게 적용해야 하는지,
자바스크립트는 어떻게 코딩해야 할런지를
아래의 페이지를 통해서 가이드를 주고 있네요.

http://www.htmldrive.net/items/show/149/Slick-Auto-Playing-Featured-Content-SliderjQuery-

 

 

 

 

 

 

 

샘플로 제작된 HTML 및 CSS역시
가이드와 비슷하네요.

 

 

 

사진 부분,
사진 아래 설명문구(까만색배경)
설명문구 아래 작은 사진 부분등을 이용해서
위 그림과 같은 이미지 슬라이드를 화면에 표시할 수 있습니다.


출처는
http://www.htmldrive.net/items/show/149/Slick-Auto-Playing-Featured-Content-SliderjQuery-
입니다.