Section

Slider section

SECTION IMAGES SLIDER

L'orem ipsum dolor, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Installation

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

Usage

<div class="section-slider box-middle-container" style="height:350px;">
    <div class="flexslider slider white">
        <ul class="slides">
            <li>
                <div class="bg-cover" style="background-image:url('http://www.framework-y.com/images/thumb-large.png')"></div>
            </li>
            <li>
                <div class="bg-cover" style="background-image:url('http://www.framework-y.com/images/thumb-large.png')"></div>
            </li>
            <li>
                <div class="bg-cover" style="background-image:url('http://www.framework-y.com/images/thumb-large.png')"></div>
            </li>
        </ul>
    </div>
    <div class="container content overlay-content box-middle white text-center">
        ...
    </div>
</div>

Main settings

Name Type Description
Slider settings Information Slider is part of sliders page . 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)