Cavab verən və fərdiləşdirilə bilən Şəkil Qalereyası Plugin
Lightgallery.js faydalı və açıq mənbəli təsvir ölçüsünü dəyişdirən və fərdiləşdiricidir.
Lightgallery.js faydalı və yüksək səviyyədə fərdiləşdirilə bilən plagindir və vebsaytlarda video və şəkillərin yüklənməsi və nümayişi zamanı bir çox funksiya tələb edən layihələr üçün mükəmməldir. Tamamilə JavaScript və CSS-də hazırlanmış, tərtibatçılara bir çox variant təklif edən tam xüsusiyyətli işıq qutusu qalereyasıdır.
Açıq mənbə olaraq, pulsuz istifadə edilə bilən plagin Lightgallery.js sizə qalereya şəklində şəkil və video aktivlərinin ölçüsünü dəyişdirmək və veb saytınıza yükləməkdən başqa əlavə seçimlərə ehtiyac duyduğunuzda faydalı olur. O, həmçinin slaydda şəkillər və videoların brauzer tarixçəsini saxlayır və hər bir qalereya şəkli üçün unikal URL təqdim edir. O, təkcə sürətli deyil, həm də yaddaşın işləməsinə mane olmayan yüngül, modul, həssas işıq qutusu qalereya yaradıcısıdır.
LightGallery ilə işə başlayın
NPM vasitəsilə LightGallery quraşdırmanın tövsiyə olunan yolu. Quraşdırmaq üçün aşağıdakı əmrdən istifadə edin.
NPM vasitəsilə LightGallery quraşdırın
npm install lightgallery.js
Şəkil Manipulyasiyası üçün pulsuz JavaScript API
Lightgallery.js kiçik şəkillər yaratmaq, tam ekran, böyütmək və kiçiltmək və s. kimi bir çox daxili modullarla gəlir ki, bunlara ehtiyacınız olmadıqda ləğv edilə bilər. Layihənizin tələbindən asılı olaraq öz modullarınızı da əlavə edə bilərsiniz. Şəkillərin və videoların ölçüsünü dəyişmək üçün JavaScript metodundan fərqli olaraq, Lightgallery.js cavabdehlik ölçüsünü dəyişmək üçün yalnız CSS yanaşmasından istifadə edərək onu əhəmiyyətli dərəcədə daha sürətli və çevik edir. Qalereyanızın SASS dəyişənlərini sadəcə yeniləməklə siz asanlıqla plaqini ehtiyaclarınıza uyğunlaşdıra bilərsiniz.
Pulsuz JavaScript API vasitəsilə kiçik şəkillər yaradın
Miniatürlərə gəldikdə, Lightgallery.js sizə daha müasir hisslər vermək üçün YouTube kimi animasiyalı miniatürləri aktivləşdirməyə imkan verir. Animasiyalı miniatürlər YouTube və ya Vimeo qalereyanız üçün də aktivləşdirilə bilər. Lightgallery.js gözəl qalereyalar yaratmaq üçün istifadə edilə bilən plaqində qurulmuş 20-dən çox animasiya ilə gəlir.
JavaScript vasitəsilə Statik Minimal Qalereya yaradın
lightGallery(document.getElementById('static-thumbnails'), {
animateThumb: false,
zoomFromOrigin: false,
allowMediaOverlap: true,
toggleThumb: true,
});
JavaScript vasitəsilə Miniatür Qalereya Yaradılmasını fərdiləşdirin
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,
});