گالری سبک
گالری سبک
Huro با LightgalleryJs یکپارچه شده است، یک کتابخانه لایت باکس کاربردی "vanilla javascript". می توانید اسناد افزونه را در Github بررسی کنید. همچنین می توانید با مراجعه به فایل assets/js/components.js
به کد جاوا اسکریپت دسترسی پیدا کنید. مثال زیر به شما نشان می دهد که چگونه با تصاویر کار می کند
//JS CODE
lightGallery(document.getElementById('lightgallery'));
//MARKUP
<div id="lightgallery" class="light-gallery-wrap">
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
</div>