jquery - photoswipe happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > jquery - photoswipe 상세정보

클라우드태그

javascript

PHP

HTML

ASP

mysql

css

Mobile

jquery

image

slide

占쌨댐옙

占쏙옙占쏙옙占쏙옙트

메뉴

현재접속자 명

jquery - photoswipe

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

173 회

간단설명

Jquery 를 이용한 스와이프 코드 기능 사이트 입니다.

평가하기

안녕하세요 이번에 Jquery plgin 은 PhotoSwipe 입니다.

PhotoSwipe 는 PC 와 모바일 모두 사용할 수 있는 코드 입니다.
일단 심플하게 사용이 가능한 상태 입니다.

한가지 아쉬운점은 example 코드가 없다는 점이 아쉽네요.
그래서 파일 다운로드 후 website 폴더에 보시면 test.html 파일을 생성해 두었습니다.
test.html 파일을 이용하시면 쉽게 결과물을 확인할 수 있습니다.

메인화면의 스와이프 기능으로 쓰기 보다는 갤러리에서 사용하면 좋을듯 합니다. ^^

사진을 클릭하면 확대가 되고 클릭하면 축소가 됩니다.

화면의 상단 부분에는 확대보기, 전체화면, 보내기(페이스북, 트위터 등등 ) 기능이 구현되어 있네요.^^

위에서도 말씀드렸지만 위에 샘플 사이트에서는 예제 코드가 없습니다.

첨부파일로 등록되어 있는 압축파일을 다운로드 후 해제 하시면 website/test.html 를 이용하시면 ...

위와 화면과 똑같은 샘플을 확인할 수 있습니다. ^^

test.html 파일에 보시면 아래의 코드가 있습니다.
items 배열을 참고하여 이미지 개수를 늘리시면 여러장의 이미지를 스와이프 가능 합니다. ^^