1. Produk
  2.   Imej
  3.   JavaScript
  4.   LightGallery
 
  

Pemalam Galeri Imej Responsif dan Boleh Disesuaikan

Lightgallery.js ialah penyusun semula dan penyesuai imej sumber terbuka yang berguna.

Lightgallery.js ialah pemalam yang berguna dan sangat boleh disesuaikan yang sesuai untuk projek yang memerlukan banyak ciri semasa memuatkan dan memaparkan video dan imej di tapak web. Dibangunkan sepenuhnya dalam JavaScript dan CSS, ia adalah galeri peti cahaya berciri penuh yang menawarkan banyak pilihan kepada pembangun.

Sebagai sumber terbuka, pemalam percuma untuk digunakan Lightgallery.js amat berguna apabila anda memerlukan pilihan tambahan tersebut selain daripada mengubah saiz dan memuat naik aset imej dan video ke tapak web anda dalam bentuk galeri. Ia juga menyimpan sejarah pelayar imej dan video dalam slaid dan menyediakan URL unik untuk setiap imej galeri. Bukan sahaja pantas tetapi pencipta galeri peti cahaya yang ringan, modular dan responsif yang tidak menghalang prestasi memori.

Previous Next

Bermula dengan LightGallery

Cara yang disyorkan untuk memasang LightGallery melalui NPM. Sila gunakan arahan berikut untuk memasangnya.

Pasang LightGallery melalui NPM

 npm install lightgallery.js

API JavaScript Percuma untuk Manipulasi Imej

Lightgallery.js dilengkapi dengan banyak modul terbina dalam seperti mencipta lakaran kecil, skrin penuh, zum masuk dan keluar, dsb. yang boleh dibuang jika anda tidak memerlukannya. Anda juga boleh menambah modul anda sendiri bergantung pada keperluan projek anda. Berbanding dengan kaedah JavaScript untuk mengubah saiz imej dan video, Lightgallery.js menggunakan pendekatan CSS sahaja untuk mengubah saiz responsif menjadikannya lebih pantas dan lebih fleksibel. Dengan hanya mengemas kini pembolehubah SASS galeri anda, anda boleh menyesuaikan pemalam dengan mudah untuk memenuhi keperluan anda.

Cipta Lakaran Kecil melalui API JavaScript Percuma

Apabila ia berkaitan dengan lakaran kenit, Lightgallery.js membenarkan anda mendayakan lakaran kecil animasi seperti YouTube untuk memberikan rasa yang lebih moden. Lakaran kecil animasi juga boleh diaktifkan untuk galeri YouTube atau Vimeo anda. Lightgallery.js disertakan dengan lebih daripada 20 animasi terbina dalam pemalam yang boleh digunakan untuk mencipta galeri yang cantik.

Cipta Galeri Imej Kecil Statik melalui JavaScript

 lightGallery(document.getElementById('static-thumbnails'), {
    animateThumb: false,
    zoomFromOrigin: false,
    allowMediaOverlap: true,
    toggleThumb: true,
});

Sesuaikan Penciptaan Galeri Gambar Kecil melalui JavaScript

 lightGallery(document.getElementById('customize-thumbnails-gallery'), {
    // Add a custom class to apply style only for the particular gallery
    addClass: 'lg-custom-thumbnails',
    // Remove the starting animations.
    // This can be done by overriding CSS as well
    appendThumbnailsTo: '.lg-outer',
    animateThumb: false,
    allowMediaOverlap: true,
});
 Melayu