Section

Carousel section

Installation

<link rel="stylesheet" href='../scripts/flexslider/flexslider.css'>        
<script src='../scripts/flexslider/jquery.flexslider-min.js'></script>

Usage

<div class="section-slider">
    <div class="flexslider carousel" data-options="numItems:6,itemMargin:0">
        <ul class="slides">
            <li>
                <a class="img-box lightbox" href="http://www.framework-y.com/images/thumb-large.png">
                    <img src="http://www.framework-y.com/images/thumb-wide.png" />
                </a>
            </li>
            <li>
                <a class="img-box lightbox" href="http://www.framework-y.com/images/thumb-large.png">
                    <img src="http://www.framework-y.com/images/thumb-wide.png" />
                </a>
            </li>
            <li>
                <a class="img-box lightbox" href="http://www.framework-y.com/images/thumb-large.png">
                    <img src="http://www.framework-y.com/images/thumb-wide.png" />
                </a>
            </li>
            <li>
                <a class="img-box lightbox" href="http://www.framework-y.com/images/thumb-large.png">
                    <img src="http://www.framework-y.com/images/thumb-wide.png" />
                </a>
            </li>
            <li>
                <a class="img-box lightbox" href="http://www.framework-y.com/images/thumb-large.png">
                    <img src="http://www.framework-y.com/images/thumb-wide.png" />
                </a>
            </li>
        </ul>
    </div>
</div>

Main settings

Name Type Description
Carousel settings Information Carousel is part of sliders component. Complete documentation here
Lightbox settings Information Lightbox is part of lightbox and popups component . Complete documentation here
Plugin dependency

This feature require Lightbox Plugin (../scripts/magnific-popup.css and ../scripts/jquery.magnific-popup.min.js)