lightbox examples

lightbox.html

        <div class="c-gallery">
            <a rel="gallery-1" class="swipebox" href="/wp-content/uploads/2014/01/air_conditioner.png">
                <img src="/wp-content/uploads/2014/01/air_conditioner.png" alt="image">
                <p>I'm an image link that opens a image lightbox gallery</p>
            </a>
            <a rel="gallery-1" class="swipebox" href="/wp-content/uploads/2014/01/air_conditioner.png">
                <img src="/wp-content/uploads/2014/01/air_conditioner.png" alt="image">
            </a>
            <a rel="gallery-1" class="swipebox" href="/wp-content/uploads/2014/01/air_conditioner.png">
                <img src="/wp-content/uploads/2014/01/air_conditioner.png" alt="image">
            </a>
            <a rel="gallery-1" class="swipebox" href="/wp-content/uploads/2014/01/air_conditioner.png">
                <img src="/wp-content/uploads/2014/01/air_conditioner.png" alt="image">
            </a>
            <a rel="gallery-1" class="swipebox" href="/wp-content/uploads/2014/01/air_conditioner.png">
                <img src="/wp-content/uploads/2014/01/air_conditioner.png" alt="image">
            </a>
        </div>
        

        <div class="c-gallery">
            <a class="swipebox" rel="single-image" href="/wp-content/uploads/2014/01/air_conditioner.png">
                <img src="/wp-content/uploads/2014/01/air_conditioner.png" alt="image">
            </a>
            <p>I'm an image link that opens a single image lightbox</p>
        </div>

        <div class="c-gallery">
            <a class="swipebox" rel="single-video" href="http://youtu.be/uFNWEKHHBFQ">
                <img src="/wp-content/uploads/2014/04/Preloader_9.gif" alt="image">
            </a>
            <p>I'm an image link that opens a video</p>
        </div>

        <div class="c-gallery">
            <a class="swipebox" rel="youtube-2" href="http://youtu.be/uFNWEKHHBFQ">
                <img src="/wp-content/uploads/2014/01/air_conditioner.png" alt="image">
                <h2> I'm an image link that opens a video gallery</h2>
            </a>
            <a class="swipebox" rel="youtube-2" href="http://youtu.be/uFNWEKHHBFQ"></a>
            <a class="swipebox" rel="youtube-2" href="http://youtu.be/uFNWEKHHBFQ"></a>
            <a class="swipebox" rel="youtube-2" href="http://youtu.be/uFNWEKHHBFQ"></a>
            <a class="swipebox" rel="youtube-2" href="http://youtu.be/uFNWEKHHBFQ"></a>
        </div>