SimpleLightbox - Lightbox Imej mesra sentuh yang juga menyokong WordPress
Laman Portfolio, jawatan blog, dan laman sosial juga menggunakan peti cahaya. Mereka berguna untuk mempamerkan kandungan yang lebih besar tanpa mengambil lebih banyak ruang pada halaman.
Tetapi tidak ada sebab untuk membina sendiri dari awal apabila terdapat begitu banyak skrip percuma dalam talian. Salah satu daripada faves baru saya ialah SimpleLightbox, direka untuk menjadi 100% sumber terbuka dan respons respons mudah alih pada semua peranti.
Semua imej kecil imej dan pautan navigasi peti cahaya menyokong perilaku sentuh supaya pengguna boleh melayari kandungan dari mana-mana telefon pintar atau tablet.
Dari laman utama, anda boleh mencari pautan ke repo GitHub rasmi, plugin WordPress rasmi, dan sambungan rasmi TYPO3.
Perpustakaan ini sangat besar dan ia adalah salah satu daripada galeri peti cahaya terbaik yang anda akan dapati. Ia menggunakan reka bentuk peti cahaya sebenar yang menambah lapisan kecil di bahagian atas halaman semasa melihat mana-mana galeri.
Setiap imej lakaran kecil dipaparkan dengan penuh dengan anak panah untuk menavigasi seluruh tayangan slaid. Tetapi anda boleh termasuk ciri-ciri tambahan menggunakan API SimpleLightbox. Terdapat jadual penuh ciri dalam dokumentasi dan ini adalah beberapa kegemaran saya:
- Teks navigasi.
- Kapsyen imej.
- Saiz nisbah imej.
- Ciri leret ke tutup.
- Gaya animasi tersuai.
- Pemintal pemuatan pilihan.
Plus perpustakaan ini membolehkan anda menjalankan fungsi panggil balik setiap kali pengguna mengklik untuk membuka galeri, meluncur ke imej baru, atau melakukan sebarang tindakan umum lain.
Kaedah ini adalah semua didokumenkan di laman utama termasuk contoh langsung dalam kod sumber GitHub. Anda boleh tarik salinan menggunakan Bower atau Benang sebagai alat pengurusan pakej, walaupun GitHub mungkin merupakan kaedah yang lebih mudah jika anda tidak biasa dengan baris arahan.
Sama ada, perpustakaan ini tidak begitu menarik. Ia boleh berfungsi dengan luar biasa di laman portfolio peribadi atau korporat untuk memaparkan kerja anda dengan sokongan skrin sentuh.
Untuk mengetahui lebih lanjut, ambil penglihatan di laman web SimpleLightbox dan muat turun salinan skrip dari GitHub.
