1. Ürün:% s
  2.   resim
  3.   JavaScript
  4.   LightGallery
 
  

Duyarlı ve Özelleştirilebilir Resim Galerisi Eklentisi

Lightgallery.js, kullanışlı ve açık kaynaklı bir resim yeniden boyutlandırma ve özelleştiricidir.

Lightgallery.js, web sitelerinde video ve resim yükleme ve görüntüleme konusunda birçok özellik gerektiren projeler için mükemmel olan kullanışlı ve son derece özelleştirilebilir bir eklentidir. Tamamen JavaScript ve CSS'de geliştirilmiş, geliştiricilere birçok seçenek sunan tam özellikli bir lightbox galerisidir.

Açık kaynak kodlu, kullanımı ücretsiz eklenti Lightgallery.js, resim ve video varlıklarını yeniden boyutlandırmak ve web sitenize galeri şeklinde yüklemek dışında ekstra seçeneklere ihtiyacınız olduğunda kullanışlı olur. Ayrıca resimlerin ve videoların tarayıcı geçmişini bir slaytta saklar ve her galeri resmi için benzersiz bir URL sağlar. Yalnızca hızlı değil, aynı zamanda bellek performansını engellemeyen hafif, modüler, duyarlı bir lightbox galeri yaratıcısı.

Previous Next

LightGallery'ye Başlarken

LightGallery'yi NPM aracılığıyla kurmanın önerilen yolu. Lütfen yüklemek için aşağıdaki komutu kullanın.

LightGallery'yi NPM aracılığıyla yükleyin

 npm install lightgallery.js

Görüntü Manipülasyonu için Ücretsiz JavaScript API'si

Lightgallery.js, küçük resimler oluşturma, tam ekran, yakınlaştırma ve uzaklaştırma vb. gibi ihtiyacınız olmadığında atılabilecek birçok yerleşik modülle birlikte gelir. Projenizin ihtiyacına göre kendi modüllerinizi de ekleyebilirsiniz. Görüntüleri ve videoları yeniden boyutlandırmaya yönelik JavaScript yönteminin aksine, Lightgallery.js, duyarlı yeniden boyutlandırma için yalnızca CSS yaklaşımını kullanır ve bu, onu önemli ölçüde daha hızlı ve daha esnek hale getirir. Galerinizin SASS değişkenlerini basitçe güncelleyerek, eklentiyi ihtiyaçlarınıza göre kolayca özelleştirebilirsiniz.

Ücretsiz JavaScript API'si ile Küçük Resimler Oluşturun

Küçük resimler söz konusu olduğunda, Lightgallery.js, daha modern bir his vermek için YouTube gibi hareketli küçük resimleri etkinleştirmenize olanak tanır. Hareketli küçük resimler, YouTube veya Vimeo galeriniz için de etkinleştirilebilir. Lightgallery.js, güzel galeriler oluşturmak için kullanılabilecek eklentide yerleşik 20'den fazla animasyonla birlikte gelir.

Statik katnails Gallery'ı JavaScript ile oluşturun

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

Katnails Gallery Yaratılışı JavaScript aracılığıyla

 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,
});
 Türkçe