시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > JQuery > jquery 3D Wall Gallery 상세정보
사이트등록
클라우드태그
Javascript
PHP
CSS
ASP
jquery
HTML
mysql
image
slide
Mobile
zoom
???????
무료폰트
현재접속자 새로고침
jquery 3D Wall Gallery
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기
소스분류 JQuery
다운로드 횟수 4 회
간단설명 심플하고 가벼운 jquery 갤러리
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
소스다운로드 데모 미리보기 스크랩하기
 
* juqery 3D Wall Gallery


3D 효과가 있는 jquery 갤러리
- 이미지를 가리키면 설명을 볼 수 있습니다
- 상단의 jQuery UI 슬라이더를 사용하여 이미지를 슬라이드합니다
- 마우스 휠을 사용하여 이미지를 스크롤 합니다
- 하단의 썸네일 미리보기를 사용하여 이미지 선택
- URL에 있는 이미지에 대한 해시 앵커를 사용하여 직접 가져올 수 있습니다
 






* 적용방법

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


적용하고자 하는 웹문서에 css 파일을 호출합니다




아래와 같이 이미지 태그와 앵커를 각각 지정해줍니다




아래와 같이 각 앵커 이미지에 맞는 썸네일 이미지도 지정해줍니다



그리고 하단에 제공되는 js 파일 및 jquery 파일을 호출합니다




적용된 화면은 아래와 같습니다




첨부된 압축파일에 있는 index.html 파일을 참고하시면 도움이 되실겁니다























네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 40611992 보이는 도배방지키를 입력하세요.