Image carousel with popups

With Anima Theme you can compose image carousel gallery.
Just use <div class="anima-carousel">...</div> wrapper and place your image tags. Just like in the example. You can use standard image upload mechanism and use the image url which will apear in the editor. Example: (![](/content/images/2014/11/2-2.jpeg))

You can also use the image popup. Just add <a href="{link to image}" class="anima-image-popup">{image or text here}</a>

Anima theme use Magnific Popup and Owl Carousel here. So you can check their documentation files for more options.

Example

Code used

<div class="anima-carousel">  
    <div>
        <a href="/content/images/2014/11/1-1.jpg" class="anima-image-popup">
            <img src="/content/images/2014/11/1-1.jpg" alt="">
        </a>
    </div>
    <div>
        <a href="/content/images/2014/11/2-1.jpeg" class="anima-image-popup">
            <img src="/content/images/2014/11/2-1.jpeg" alt="">
        </a>
    </div>
    <div>
        <a href="/content/images/2014/11/3-1.jpeg" class="anima-image-popup">
            <img src="/content/images/2014/11/3-1.jpeg" alt="">
        </a>
    </div>
    <div>
        <a href="/content/images/2014/11/3-1.jpeg" class="anima-image-popup">
            <img src="/content/images/2014/11/4-1.png" alt="">
        </a>
    </div>
    <div>
        <a href="/content/images/2014/11/1-1.jpg" class="anima-image-popup">
            <img src="/content/images/2014/11/1-1.jpg" alt="">
        </a>
    </div>
    <div>
        <a href="/content/images/2014/11/2-1.jpeg" class="anima-image-popup">
            <img src="/content/images/2014/11/2-1.jpeg" alt="">
        </a>
    </div>
    <div>
        <a href="/content/images/2014/11/3-1.jpeg" class="anima-image-popup">
            <img src="/content/images/2014/11/3-1.jpeg" alt="">
        </a>
    </div>
    <div>
        <a href="/content/images/2014/11/3-1.jpeg" class="anima-image-popup">
            <img src="/content/images/2014/11/4-1.png" alt="">
        </a>
    </div>
</div>  

Comments

comments powered by Disqus