Portofolio Kotak Media – Plugin jQuery Grid Gallery

  • Whatsapp
Portofolio Kotak Media - Plugin jQuery Grid Gallery

Produk : Portofolio Kotak Media – Plugin jQuery Grid Gallery

Auhtor : castlecode
Kategori : javascript
Harga Resmi : $17 (Single License)
Order Via : CodeCanyon ( $17 – Single License )
Order Via : Nextcloud ( $17 IDR 170.000 – Single License )
Order Via : Nextcloud ( IDR 170.000 ⇒ IDR 17.000 – License Bersama )
Live Demo : Live Demo Portofolio Kotak Media – Plugin jQuery Grid Gallery

Keyword : blog,filter,flexible,full-width,gallery,grid,image,jquery,lightbox,masonry,multiple,photo,portfolio,responsive,video

Bacaan Lainnya

Portofolio Kotak Media - Plugin Galeri Grid jQuery - 1

Galeri Responsif Kisi Otomatis

Portofolio Kotak Media - Plugin Galeri Grid jQuery - 2

Portofolio Kotak Media - Plugin Galeri Grid jQuery - 3

Portofolio Kotak Media adalah a fitur plugin jQuery grid yang memungkinkan Anda menampilkan semua jenis konten dalam kisi yang sangat canggih. Gunakan untuk posting blog, media tampilan, klien, portofolio, keranjang belanja, galeri dan semua yang dapat Anda bayangkan.

itu dilengkapi dengan filter, pengurutan, dan sistem pencarian yang kuat!

Anda dapat meletakkan plugin di HTML / CSS yang ada dan secara otomatis akan menyesuaikan dengan penampungnya, Anda juga dapat dengan cepat menyesuaikannya melalui CSS dan HTML sehingga sesuai dengan kebutuhan Anda.

sistem filter yang sangat kuat

Plugin memberi Anda banyak opsi untuk pemfilteran:

  • Tentukan markup HTML Anda sendiri untuk filter tersebut
  • Terapkan gaya CSS Anda sendiri ke filter
  • Tambahkan sejumlah filter
  • Targetkan banyak kotak
  • Targetkan beberapa kotak dan kecualikan yang lain
  • Tambahkan beberapa kategori ke kotak (milik beberapa kategori)
  • Gunakan pemilih jQuery apa saja
  • Beberapa filter, dikombinasikan dengan fitur pencarian dan pengurutan

sistem pencarian

Plugin memberi Anda opsi untuk mencari dalam tata letak saat ini sehingga Anda dapat menemukan item dengan sangat cepat, cukup tentukan elemen apa yang ingin Anda targetkan dengan pencarian.

Jika Anda memiliki filter, itu akan bekerja bersama dengan fitur pencarian, popup dan fitur muat lebih banyak akan memperhitungkan pemfilteran ini juga.

sistem sortir

Urutkan tata letak secara real time, Anda dapat menggunakan teks, angka, dan bahkan memperluasnya untuk keinginan Anda sendiri. Buat opsi penyortiran Anda sendiri, tidak ada batasan.

Tentukan rasio gambar mini Anda

Anda bisa menentukan untuk setiap thumbnail itu dengan pasti lebar Anda ingin yakin tinggi dan plugin akan memotong tinggi untuk Anda (tergantung pada resolusinya, ini berfungsi sebagai rasio). Ini sangat berguna ketika Anda ingin semua thumbnail Anda memiliki dimensi yang sama.

Berhenti menunggu semua thumbnail dimuat

Jika Anda menentukan rasio thumbnail (lebar x tinggi) plugin akan menampilkan tata letak dan konten tanpa penundaan, kemudian akan memuat setiap thumbnail secara terpisah (menampilkan roda pemuatan) sehingga akan terasa seperti plugin memuat lebih cepat ( seperti di demo).

Salah satu jaringan tercepat di luar sana

Plugin ini menggunakan Isotope v2 yang saat ini merupakan salah satu sistem grid tercepat dengan pemfilteran di luar sana. Juga menggunakan fitur browser terbaik saat tersedia (transisi CSS3 dan akselerasi GPU) dan fallback animasi sederhana untuk browser lama.

Konfigurasikan tata letak untuk resolusi yang berbeda

Anda dapat menentukan tata letak kisi (jumlah kolom atau lebar) untuk resolusi yang berbeda, misalnya mungkin Anda hanya menginginkan satu kolom untuk resolusi seluler, 3 kolom untuk resolusi tablet, dan 5 kolom untuk resolusi desktop.

Beberapa Kolom

Satu kotak dapat meluas ke beberapa kolom (biasanya 2), Anda hanya perlu menentukannya, tetapi bermainlah dengan hati-hati dengan opsi ini karena dalam beberapa resolusi Anda mungkin menemukan celah di antara kotak karena mungkin tidak pas sepanjang waktu (menurut logika Isotop).

Salah satu Popup terbaik - Lightbox

Plugin sedang menggunakan Kotak mewah dan Popup Magnific yang merupakan lightbox / popup yang sangat populer dan kuat.

Anda dapat memuat banyak hal di munculan seperti gambar, video, suara, iframe, teks HTML, peta Google dan konten ajax (Tidak mendukung video / suara file seperti .mp4 atau .mp3, mereka harus berbasis iframe, seperti di Youtube atau SoundCloud)

Anda dapat menemukan banyak dukungan di google karena ini adalah munculan yang sangat populer, misalnya untuk menambahkan dukungan gesek atau banyak fitur lainnya.

Tautan dalam

Tautkan langsung ke munculan sehingga Anda dapat membagikan konten munculan dengan teman-teman Anda atau di jejaring sosial Anda, cukup salin dan tempel URL yang dihasilkan saat Anda membuka munculan.

apa yang dikatakan pelanggan

daftar fitur

  • Grid dan popup yang sepenuhnya responsif
  • Tautan dalam
  • Fitur Lazy load
  • Salah satu jaringan tercepat di luar sana
  • Konfigurasikan tata letak untuk resolusi yang berbeda
  • Beberapa kolom
  • Jumlah item tidak terbatas
  • Popup mendukung gambar, video, suara, iframe, teks HTML, peta Google dan konten ajax dari segala dimensi dan itu akan menjaga proporsi yang tepat
  • Sistem penyaringan yang kuat
  • Sistem pencarian
  • Fitur penyortiran
  • Ikon siap retina
  • Tetapkan jumlah kotak yang akan dimuat di awal dan saat Anda mengklik tombol “muat lebih banyak”
  • Dukung thumbnail untuk kisi hanya untuk gambar yang ingin Anda tingkatkan kinerjanya
  • Tentukan rasio gambar mini Anda
  • Otomatis memotong tinggi thumbnail dengan teknik CSS (jika rasio ditentukan)
  • Lebar penuh, kisi akan menyesuaikan dengan 100% penampungnya jika Anda menyetel lebar setiap kolom ke ‘otomatis’
  • Anda dapat menentukan lebar statis untuk setiap kolom atau menentukan jumlah kolom
  • Ubah tata letak portofolio untuk resolusi yang berbeda
  • Efek CSS3 dan akselerasi GPU
  • Ton efek overlay
  • Implementasi yang mudah
  • Kompatibel dengan Twitter Bootstrap
  • Nonaktifkan dan Aktifkan Fitur melalui Opsi Javascript
  • Sepenuhnya dapat disesuaikan dan disesuaikan dengan kebutuhan Anda
  • Dukungan Teknis Gratis

kredit

Saya telah menggunakan ikon dan skrip berikut

changelog

v3.7.4 – 17 Maret 2021

  • Memperbarui komponen
  • Memperbaiki masalah saat menggunakan ATAU dikombinasikan dengan bidang pencarian
  • Memperbaiki bug minor
  • Sekarang plugin dikirimkan dengan versi jQuery terbaru

v3.6 – 01 Februari 2020

  • Memperbarui file JS, membersihkan kode
  • Perbaiki bug aneh dengan item pertama saat filter default selain semua dipilih
  • Titik jalan tidak lagi diperlukan, sekarang Anda harus menyertakan file JS bernama “jquery.visible.min.js”

v3.5 – 26 Maret 2019

  • Sekarang thumbnail yang memiliki rasio yang ditentukan akan beradaptasi dengan 100% wadah, jadi tidak ada lagi bilah hitam di bagian atas dan bawah.
  • Memperbarui semua komponen ke versi terbaru
  • Perbaikan JS kecil

v3.3 – 10 Agustus 2017

  • Popup / lightbox baru saat tiba di Media Boxes, yang sangat ramah sentuhan dan dilengkapi dengan fitur-fitur luar biasa (seperti tampilan thumbnail, layar penuh, dll), Anda masih dapat menggunakan Magnific Popup, jadi Anda memiliki 2 plugin popup sekarang, pilih salah satu kamu lebih suka!
  • Alat pencarian penyortiran baru
  • Memperbarui beberapa komponen
  • Perbaikan JS kecil

v3.2 – 10 Maret 2017

  • Menambahkan beberapa akselerasi ke efek dan memperbaiki beberapa kedipan
  • Metode JS baru untuk menyisipkan dan menyegarkan kisi, periksa sini
  • Logika JS untuk filter dropdown sekarang ada di file berbeda bernama “jquery.mediaBoxes.dropdown.js” sehingga lebih mudah untuk dipelihara, Anda hanya perlu menambahkannya di sepanjang file lain, periksa sini

v3.1 – 3 November 2016

  • Perbaiki dan masalah dengan popup saat menambahkan kotak melalui JS / Ajax

v3.1 – 29 Oktober 2016

  • Memperbaiki dan masalah fitur iframe-on-grid dalam contoh media_grid

v3.1 – 30 September 2016

  • Jika Anda ingin membuka menu tarik-turun (yang digunakan untuk memfilter atau menyortir) terbuka saat Anda mengekliknya alih-alih saat Anda meletakkan mouse di atasnya, Anda perlu menambahkan atribut ini: data-event = “click” ke div dengan kelas “media-boxes-drop-down”
  • Sekarang Anda juga dapat menggunakan logika OR saat menggunakan beberapa filter, Anda dapat menyetelnya dengan opsi JS baru bernama “multipleFilterLogic” (periksa dokumen)
  • Saat menggunakan beberapa filter, jika Anda ingin mereka tidak bergantung satu sama lain, tambahkan kedamaian JS ini SEBELUM inisialisasi JS kotak media dan SETELAH jQuery:
    $('*[data-filter]:not(*[data-filter="*"]').on('click', function(e){
        var current_all_filter = $(this).parents('ul').find('*[data-filter="*"]');
        $('*[data-filter="*"]').not(current_all_filter).trigger('click');
    });
    

v3.0 – 04 Agustus 2016

  • Desain baru di pratinjau langsung
  • Upgrade ke versi terbaru isotop, imagesLoaded, popup magnific dan semua komponen yang digunakan
  • Sekarang kompatibel dengan jQuery v3
  • SEO pada thumbnail, cari saja bagian “Tambah SEO” di dokumentasi
  • Mengubah jalur ke komponen yang digunakan dalam plugin, sehingga lebih mudah untuk meningkatkan, periksa bagian “Termasuk file” di dokumen
  • Opsi “showOnlyLoadedBoxesInPopup” diubah menjadi “showOnlyVisibleBoxesInPopup”
  • Mengubah bagaimana gambar popup ditentukan sehingga Anda dapat memiliki sebanyak yang Anda inginkan dalam satu kotak, centang bagian “Popup” di dokumen
  • Kelas video-on-grid mengubah lokasinya bersama dengan atribut popup, jadi cukup periksa bagian “Handy Stuff” di dokumen
  • Setelan JS “urutkan” dan “filter” tidak lagi diperlukan, karena sekarang setelan tersebut secara otomatis mencari elemen dengan atribut “data-filter” atau “data-sort-by” dan menggunakannya
  • Sekarang Anda juga dapat menggunakan elemen “pilih” untuk pemfilteran, cukup temukan bagian “Gunakan pilihan sebagai filter” di dokumen
  • Mengubah hash tautan dalam dari munculan dari mb = menjadi (grid | popup) = Anda akan melihatnya beraksi di hash saat menggunakan versi baru
  • Tautan Dalam pada filter dan pencarian sekarang dapat dilakukan!
    opsi JS bernama “deeplinking” diganti dengan:

    • deepLinkingOnPopup: benar,
    • deepLinkingOnFilter: true,
    • deepLinkingOnSearch: false,
  • Sekarang Anda dapat meneruskan pengaturan “horizontalSpaceBetweenBoxes” dan “verticalSpaceBetweenBoxes” dalam pengaturan JS resolusi, sehingga Anda dapat memiliki ruang yang berbeda antar kotak tergantung pada resolusi yang Anda miliki, periksa pengaturan JS “resolusi” di dokumen

v2.8 – 23 Agustus 2015

  • Memperbaiki masalah menu tarik-turun di perangkat seluler

v2.7 – 17 Agustus 2015

  • Menambahkan contoh segar baru
  • Memperbaiki beberapa bug dan menambahkan beberapa pengoptimalan SEO

v2.6 – 11 Jan 2015

  • Memperbaiki beberapa bug dengan fungsi pemuatan

v2.5 – 16 Oktober 2014

  • Memperbaiki beberapa bug pada Firefox tentang menu drop down
  • Memperbaiki beberapa bug dengan pemfilteran dan fitur ‘kotak minimum per filter’
  • Memperbaiki beberapa logika JS
  • Meningkatkan kegunaan menu tarik-turun di browser seluler

v2.4 – 8 Juli 2014

  • Ubah ikon gambar untuk ikon retina (Font Awesome)
  • Menambahkan drop-down untuk menyortir dan memfilter
  • Menambahkan contoh pengurutan

v2.3 – 7 Juli 2014

  • Menambahkan fitur pencarian
  • Menambahkan fitur penyortiran

v2.2 – 2 Juli 2014

  • Menambahkan opsi bernama “pertimbangkanFilteringInPopup” sehingga munculan hanya menampilkan kotak dari filter yang ditentukan, ini benar secara default sekarang.
  • Mengubah namespace dari plugin imagesLoaded karena akan macet dengan versi lama isotop (jika disertakan di halaman yang sama)

v2.1 – 28 Juni 2014

  • Menambahkan tautan dalam

v2.0 – 25 Juni 2014

  • itu adalah plugin yang benar-benar baru
  • semua logika di baliknya berubah
  • Gaya CSS berubah
  • Markup HTML berubah
  • opsi berubah
  • pastikan untuk membaca dokumen sebelum Anda meningkatkan

v1.0 – 25 September 2013

  • Peluncuran pertama

Anda dapat melihat dokumentasi SINI

Pos terkait

Tinggalkan Balasan

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