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

[해피CGI][cgimall] jquery Thumbnails Preview Slider 본문

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

[해피CGI][cgimall] jquery Thumbnails Preview Slider

해피CGI윤실장 2021. 9. 16. 09:51

* Thumbnails Preview Slider

jquery 로 만든 썸네일 미리보기 이미지






* 적용방법

첨부된 압축파일을 다운로드 하여 원하는 웹경로에 업로드합니다



마크업 구조는 아래와 같습니다
썸네일에 대한 항목을 보유할 기본 컨테이너 목록으로 구성됩니다
ts_thumbnails 클래스가 있으며 점 위로 마우스를 가져가면 축소판을 볼 수 있는 작은 보유하게 됩니다

 

tspreview_wrapper 클래스가 있는 div 내부에 있는 썸네일 목록은 다음과 같은 구조를 갖습니다

 

썸네일 주요 스크립트 호출은 아래와 같습니다

 

이외에 html 및 css , js 는 샘플파일의 index.html 파일을 참조하시면 도움이 되실겁니다
브라우저로 실행시 아래와 같은 화면을 확인할 수 있습니다

 

 

 

저작자표시

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

[해피CGI][cgimall] 간단한 강력한 암호 생성 Jquery 플러그인 - Password Builder  (0) 2021.09.24
[해피CGI][cgimall] 포토샵 스타일의 그리기 JQuery 플러그인 - dRawr  (0) 2021.09.23
[해피CGI][cgimall] jquery 3D Wall Gallery  (0) 2021.09.15
[해피CGI][cgimall] MA5 Mega Mobile Menu(모바일 메뉴)  (0) 2021.09.14
[해피CGI][cgimall] lightbox gallery plugin  (0) 2021.09.13
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments