시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
홈 > JAVASCRIPT > javascript 소스창고 > JQuery > jquery Thumbnails Preview Slider 상세정보
ASP
C
CSS
DATABASE
HTML
JAVA,JSP
JAVASCRIPT
PERL
PHP
OPEN API
LINUX
MOBILE
DESIGN
FLASH
FREE
UTILITY
사이트등록
클라우드태그
javascript
php
html
asp
mysql
CSS
mobile
jquery
image
slide
占쌨댐옙
메뉴
占쏙옙占쏙옙占쏙옙트
현재접속자 명 새로고침
jquery Thumbnails Preview Slider
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기
소스분류 JQuery
다운로드 횟수 26 회
간단설명 jquery 로 만든 썸네일 미리보기 이미지
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기
 
* Thumbnails Preview Slider

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






* 적용방법

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



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



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





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





이외에 html 및 css , js 는 샘플파일의 index.html 파일을 참조하시면 도움이 되실겁니다
브라우저로 실행시 아래와 같은 화면을 확인할 수 있습니다
네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 45573689 보이는 도배방지키를 입력하세요.