Sentuh N Swipe Gallery jQuery Plugin

  • Whatsapp
Sentuh N Swipe Gallery jQuery Plugin

Source Code : Sentuh N Swipe Gallery jQuery Plugin

Bacaan Lainnya

TouchNSwipe adalah plugin galeri jQuery yang responsif, fleksibel, dan mudah diatur untuk seluler dan desktop yang mendukung gerakan sentuh seperti pinch to zoom, drag and swipe.

Versi 2.1.2 – 21 Juni 2020

Tetap

– Memperbarui opsi slide setelah perubahan indeks
– Memasukkan slide

Versi 2.1.1

Ditambahkan

– Hover opsi zoom untuk desktop
– Opsi untuk memposisikan ulang atau menyembunyikan keterangan alat saat memperbesar atau menyeret
– Menambahkan opsi latar belakang untuk slide
– Opsi zoom awal
– Seret dan geser area kosong dari slide
– Lebih banyak contoh HTML dan API

Berubah

– Zoomout double tap default ke nilai zoom minimum
– Kursor default ke “pointer”

Tetap

– kinerja pada penanda
– titik zoom pada mode skala “pintar”
– memperbesar versi iOS yang lebih baru

Versi 2.0

Ditambahkan

– Dukungan untuk konten DIV (bukan hanya gambar)
– Penggunaan pengguliran asli saat konten tidak diperbesar
– Spidol
– Layar penuh
– Pemuatan gambar adaptif
– Lebih banyak contoh menggunakan API

Dihapus

– Dukungan untuk IE8 dan di bawahnya dan Android 2.2.x (untuk IE8 dan di bawahnya dan dukungan Android 2.2.x gunakan versi 1.x)
– Modernizr (Tidak lagi dibutuhkan)
– Plugin jQuery roda mouse (Tidak lagi diperlukan)

Berubah

– Peningkatan API untuk acara, manipulasi konten
– Opsi konten

Versi 1.1 – 30 Jan 2014
Tetap
– masalah scrolling di Chrome
– Mousecroll untuk memindahkan halaman saat pembesaran dinonaktifkan.
– memperbesar perangkat Android 2.3.x.
Ditambahkan
– Kontrol ke galeri dan tautan menggunakan API (untuk pengembang).
– API penangan acara (untuk pengembang).
– Dokumentasi API (untuk pengembang).
– dukungan untuk PC Windows 8 yang menggunakan mouse dan sentuhan
Berubah
– TouchNSwipe.init sekarang dapat dipanggil beberapa kali (untuk pengembang)
– default preloaderUrl sekarang adalah assets / preloader.gif.
Dihapus
– TouchNSwipe.na. Itu tidak lagi dibutuhkan. Ini dikombinasikan dengan TouchNSwipe.
– Opsi “resetScrollDuration”. Tidak lagi dibutuhkan.

Versi 1.0 – 21 Okt 2013
Peluncuran pertama

fitur

1. Sentuh diaktifkan

Seperti melihat galeri di perangkat seluler, TouchNSwipe juga menggunakan gerakan sentuh yang sudah dikenal seperti cubit untuk memperbesar, seret untuk bergerak dan gesek untuk pergi ke slide atau gambar berikutnya.

2. Sepenuhnya responsif

Plugin ini dapat beradaptasi dengan ukuran layar apa pun sehingga Anda akan memiliki pengalaman menonton yang optimal baik Anda menggunakan desktop atau perangkat seluler.

3. Kompatibel dengan lintas browser, iOS dan Android

Menggunakan IOS, Android dan PC dengan browser utama seharusnya tidak ada masalah dengan plugin ini.

4. Kontrol Fleksibel

Tambahkan hanya kontrol yang Anda perlukan dan / atau ubah tampilan sesuai keinginan Anda. Anda dapat menggunakan kontrol seperti slide sebelumnya / berikutnya, zoom in / out, caption, toggle layar penuh dan bahkan memberikan akses cepat ke slide dengan menggunakan thumbnail scrolling yang diaktifkan secara fisik.

5. Sepenuhnya Dapat Disesuaikan

Dapatkan tampilan dan nuansa yang Anda inginkan, setel opsi dengan kode HTML atau gunakan API Pengembang jika Anda membutuhkan kontrol lebih.

6. Beberapa contoh dalam satu halaman

Terkadang satu saja tidak cukup. Plugin ini memungkinkan Anda memiliki banyak galeri dalam satu halaman dengan opsi dan kontrolnya sendiri.

7. Zoom Konten DIV (baru)

Elemen yang berbeda seperti gambar, teks, dll dapat ditempatkan di dalam DIV dan diperbesar.

8. Dukungan Marker dan Tooltip (baru)

Berikan lebih banyak informasi tentang bagian dari konten Anda. Spidol dengan tooltips sangat bagus untuk peta, denah lantai, atau bahkan produk.

9. Dukungan Toggle Layar Penuh (baru)

Perangkat layar kecil membutuhkan semua ruang yang bisa mereka dapatkan. Ini memberikan opsi kepada pengguna untuk melihat konten tanpa kekacauan.

10. Pemuatan Gambar Adaptif (baru)

Cegah waktu muat, sumber daya, dan jeda yang tidak perlu dengan memberikan ukuran gambar yang benar ke semua ukuran layar.

11. Dukungan zoom gerakan mouse (baru)

Arahkan mouse ke konten untuk memperbesar desktop sekaligus memungkinkan pinch untuk memperbesar perangkat seluler. Opsi ini memaksimalkan masukan terbaik di perangkat apa pun.

JS yang diperlukan

jQuery
Palu
TweenMax

Note: Images are not included in your purchase. Also, it is impossible to check this plugin on every device so please check the examples in the live preview using the device you wish to support. Thanks!

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *