پلاگین گالری عکس پاسخگو و قابل تنظیم

شروع کار با LightGallery

روش توصیه شده برای نصب LightGallery از طریق NPM. لطفا از دستور زیر برای نصب آن استفاده کنید.

 npm install lightgallery.js

API رایگان جاوا اسکریپت برای دستکاری تصویر

Lightgallery.js دارای بسیاری از ماژول‌های داخلی مانند ایجاد تصاویر کوچک، تمام صفحه، بزرگ‌نمایی و کوچک‌نمایی و غیره است که در صورت عدم نیاز می‌توان آنها را دور انداخت. شما همچنین می توانید بسته به نیاز پروژه خود ماژول های خود را اضافه کنید. برخلاف روش جاوا اسکریپت برای تغییر اندازه تصاویر و ویدیوها، Lightgallery.js از یک رویکرد فقط CSS برای تغییر اندازه پاسخگو استفاده می کند که آن را به طور قابل توجهی سریعتر و انعطاف پذیرتر می کند. به سادگی با به روز رسانی متغیرهای SASS گالری خود می توانید به راحتی افزونه را مطابق با نیازهای خود سفارشی کنید.

تصاویر کوچک را از طریق API جاوا اسکریپت رایگان ایجاد کنید

وقتی صحبت از تصاویر کوچک به میان می‌آید، Lightgallery.js به شما اجازه می‌دهد تا تصاویر کوچک متحرک را درست مانند YouTube فعال کنید تا حس مدرن‌تری به شما بدهد. تصاویر کوچک متحرک همچنین می توانند برای گالری YouTube یا Vimeo شما فعال شوند. Lightgallery.js دارای بیش از 20 انیمیشن ساخته شده در این افزونه است که می توان از آنها برای ایجاد گالری های زیبا استفاده کرد.

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

 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,
});