Bx Slider Simple 2

by Laurie

HTML

<link rel="stylesheet" href="https://cdn.rawgit.com/stevenwanderski/bxslider-4/master/dist/jquery.bxslider.css">
<script src="https://cdn.rawgit.com/deberoppa7/bxslider-4/master/jquery.bxslider.min.js"></script>
<ul class="bxslider">
    <li>
        <img src="https://community.jivesoftware.com/resources/statics/86268/slide-project%20manage%20series%202.jpg" title="Funky roots" data-url="http://google.com" />
    </li>
    <li>
        <img src="https://community.jivesoftware.com/resources/statics/86268/slide-patty-mar15.jpg" title="The long and winding road" data-url="http://google.com" />
    </li>
    <li>
        <img src="https://community.jivesoftware.com/resources/statics/86268/slide-project%20manage%20series%202.jpg" title="Happy trees" data-url="http://google.com" />
    </li>
</ul>

CSS

.bx-caption a {
    color:#ffffff;
}
.bx-wrapper .bx-caption span {
    font-size:1em;
    font-weight:bold;
}


}

JavaScript

(function ($) {

    $(document).ready(function () {

        $('.bxslider').bxSlider({
            mode: 'fade',
            auto: true,
            captions: true,
            hyperlinks: true,
            adaptiveHeight: true,
            responsive:false
        });

    });

})(jQuery);