Select Language

Activity

Joshua S. Las Vegas, NV
Melany W. San Jose, CA
Esteban C. Miami, FL
Tara S. New York, NY
The slicer project getslicer.io
31%
5 / 24
Metamovies reworked metamovies.co
84%
28 / 31
Fast Pizza redesign fastpizza.com
60%
25 / 39

Call Danny at Colby's

Today - 11:30am

Meeting with Alice

Today - 01:00pm

Answer Annie's message

Today - 01:45pm

Send new campaign

Today - 02:30pm

Project review

Today - 03:30pm

Call Trisha Jackson

Today - 05:00pm

Write proposal for Don

Today - 06:00pm

Light Gallery

Huro is integrated with LightgalleryJs, a performant vanilla javascript lightbox library. You can check the plugin documentation on Github. You can also access the javascript code by visiting the assets/js/components.js file. The following example shows you how it works with images.


            //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>