Beranda » UI / UX » Cara Perluas Gambar Mini Seperti Gambar Google

    Cara Perluas Gambar Mini Seperti Gambar Google

    Google Images menjalankan UI unik dengan preview thumbnail dari banyak situs web yang berbeda. Mengklik salah satu dari thumbnail ini akan memperluas layar dengan lebih detail dan gambar yang lebih besar.

    Ini adalah salah satu fitur galeri gambar terbaik yang pernah saya gunakan dan sekarang, Anda dapat mengkloningnya dengan Gridder.js.

    Plugin jQuery gratis ini mengikuti jejak UX Google yang luar biasa dengan membuat plugin yang cocok dengan efek ini. Kamu bisa ubah galeri foto apa pun menjadi galeri gaya Gambar Google dengan semua animasi dan fitur tampilan yang sama.

    Saya terkejut dengan kecepatan dan kemudahan penggunaan yang datang dengan plugin ini. Cukup klik thumbnail apa saja segera menampilkan bidikan yang lebih besar dan animasinya super bersih.

    Gambar termasuk bagian untuk teks deskriptif jika Anda ingin menambahkan beberapa detail atau tautan yang terkait dengan foto. Ini bekerja sangat baik untuk situs portofolio sederhana dengan tujuan fokus pada gambar.

    Selain itu, Anda bisa juga menarik konten melalui Ajax. Ini memungkinkan Anda buat thumbnail dinamis yang menarik konten dari situs web lain atau melalui API.

    Setiap acara klik menawarkan metode panggilan balik, sehingga Anda bahkan dapat menjalankan fungsi plugin atau JavaScript lainnya di samping Gridder. Dengan begitu banyak opsi, secara praktis terasa seperti kerangka seluruh jaringan!

    Sejak Gridder berjalan di jQuery, itu memang membutuhkan versi terbaru sebagai ketergantungan. Tapi, itu yang Anda butuhkan (bersama dengan file Gridder.js), dan dengan beberapa baris HTML, Anda dapat menjalankan grid Anda dengan lancar.

    Anda harus memeriksa halaman GitHub untuk petunjuk pengaturan penuh tapi inilah pratinjau cepat seperti apa bentuk HTML:

      
    Konten ada di sini ...

    Semua konten ditarik melalui JavaScript, sehingga Anda dapat memuat hampir semua yang Anda inginkan.

    Ini adalah plugin yang sangat serbaguna dengan opsi untuk mengubah kecepatan animasi, pelonggaran, gaya tombol tutup, dan gulirkan posisi ofset ketika pengguna mengklik thumbnail baru.

    Pemula dan pengembang pro juga akan menemukan banyak nilai dalam plugin ini. Namun, jika Anda masih tidak yakin apakah ini untuk Anda lihat halaman demo Gridder langsung dan bermain-main.