웹솔루션개발 22년 노하우! 해피CGI의 모든것

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

웹프로그램밍 자료실/JAVA 자료

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

해피CGI윤실장 2017. 5. 23. 09:14
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-
입니다.

 

홈페이지바로가기 

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall] JQuery 를 이용한 테이블 정렬 - tablesorter  (0) 2017.05.29
[해피CGI][cgimall] jQuery.eraser() - 이미지를 긁어보아요~  (0) 2017.05.25
[해피CGI][cgimall] 스크롤내렸을때 나타나는 Scrollup 2.0.0  (0) 2017.05.22
[해피CGI][cgimall][자바스크립트] superplaceholder.js 입력폼정보  (0) 2017.05.19
[해피CGI][cgimall][javascript] IE 브라우저의 버전 확인 자바스크립트  (0) 2017.05.18
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments