Photoswipe 플러그인은 휴대폰에서 전체 화면 확대를 실현하고 이미지를 두 번 클릭하여 이미지를 확대 할 수 있습니다.
Photoswipe 플러그인 공식 웹 사이트 http://www.photoswipe.com/
Photoswipe의 모바일 터미널 이미지가 확대되고보기, 다음 그림으로 전환하여 사진을 로컬로 저장합니다.
<tyle> .pnav {마진-탑 : 30px; 텍스트-정렬 : 중심; 선-높이 : 24px; font-size : 16px} .pnav a {padding : 4px} .pnav a.cur {배경 :#007bc4; 색상 : #fff;}. Demo {너비 : 80%; 여백 : 10px auto}/*필수 스타일*/#사진 {너비 : 150px; 테두리 : 1px 고체 #d3d3d3; 마진 : 20px 자동; 텍스트-정렬 : 중심; 패딩 : 4px; 커서 : 포인터; 위치 : 상대} #photos p {위치 : 절대; 하단 : 0; 왼쪽 : 0; 패딩 : 4px; 배경 :#000; 색상 : #ffff} .my-Gallery {너비 : 100%; float : 왼쪽;}. My-Gallery img {너비 : 100%; 높이 : auto;}. my-gallery figure {display : block; 플로트 : 왼쪽; 여백 : 0 5px 5px 0; 너비 : 150px;}. My-Gallery figcaption {display : none;} </style>JS 코드 :
<script type = "text/javaScript"> var OpenPhotosWipe = function () {var pswpelement = docum var items = [{src : 'images/s1.jpg', w : 800, h : 1142}, {src : 'images/s2.jpg', w : 800, h : 1142}, {src : 'images/s3.jpg', w : 800, h : 1142}, {src : 'images/s4.jpg', h : 800 }, {src : 'images/s4.jpg', w : 800, h : 1142}, {src : 'images/s5.jpg', w : 800, h : 1142}]; var 옵션 = {history : false, focus : false, showanimationDuration : 0, HideAnimationDuration : 0}; var Gallery = New PhotosWipe (PSWPELEMENT, PHOTORSWIPEUI_DEFAULT, 항목, 옵션); Gallery.init ();}; docum위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.