Plug-in Photoswipe dapat mewujudkan zoom layar penuh di ponsel dan klik dua kali pada gambar untuk memperbesar gambar.
Plugin Photoswipe Situs Web Resmi http://www.photoswipe.com/
Gambar terminal seluler Photoswipe memperbesar dan tampilan, slide untuk beralih ke gambar berikutnya, dan menyimpan gambar ke lokal.
<tyle> .pnav {margin-top: 30px; text-align: center; line-height: 24px; font-size: 16px} .pnav a {padding: 4px} .pnav a.cur {latar belakang:#007bc4; warna: #fff;}. Demo {lebar: 80%; Margin: 10px Auto}/*Gaya yang Diperlukan*/#Foto {Lebar: 150px; BORDER: 1PX SOLID #D3D3D3; MARGIN: 20PX AUTO; Teks-Align: tengah; padding: 4px; kursor: pointer; posisi: relatif} #photos p {posisi: absolute; Bawah: 0; kiri: 0; padding: 4px; latar belakang:#000; warna: #ffff} .my-gallery {width: 100%; float: left;}. my-gallery img {width: 100%; Tinggi: auto;}. Gambar saya-gallery {display: block; float: kiri; Margin: 0 5px 5px 0; Lebar: 150px;}. My-gallery figCaption {display: none;} </tyle>Kode JS:
<script type = "text/javaScript"> var openphotoswipe = function () {var pSwPelement = document.querySelectorAll ('. pswp') [0]; var item = [{src: 'gambar/s1.jpg', w: 800, h: 1142}, {src: 'gambar/s2.jpg', w: 800, h: 1142}, {src: 'gambar/s3.jpg', w: 800, h: 1142}, {{w/s3. }, {src: 'gambar/s4.jpg', w: 800, h: 1142}, {src: 'gambar/s5.jpg', w: 800, h: 1142}]; var options = {history: false, focus: false, showanimationduration: 0, hideanimationduration: 0}; var galeri = Photoswipe baru (PSWPElement, PhotoswipeUi_Default, Item, Opsi); gallery.init ();}; document.geteLementById ('foto'). Onclick = OpenPhotoSwipe; </script>Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.