<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="http://bootstraptema.ru/snippets/slider/2016/cbpFWSlider/cbpFWSlider.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <script src="http://bootstraptema.ru/snippets/slider/2016/cbpFWSlider/cbpFWSlider.min.js"></script> <div class="container-fluid"> <div class="row"> <h2 class="text-center"><a href="http://bootstraptema.ru/stuff/snippets_bootstrap/sliders/cbpfwslider_slajder/28-1-0-1439" target="_blank">BootstrapTema</a></h2> <div class="col-xs-12"> <div id="cbp-fwslider" class="cbp-fwslider"> <ul> <li><a href="#"><img src="http://drawings-girls.ucoz.net/2016/11/devushka-lucefera.jpg" alt="demo 01"/></a></li> <li><a href="#"><img src="http://drawings-girls.ucoz.net/2016/11/devushka-s-raspushennimi-volosami.jpg" alt="demo 02"/></a></li> <li><a href="#"><img src="http://drawings-girls.ucoz.net/2016/11/rijevolosaya-devushka-s-magicheskimi-sharami.jpg" alt="demo 03"/></a></li> </ul> </div> </div><!-- /.col-xs-12 --> </div> </div>

body{background:url(http://bootstraptema.ru/images/bg/bg-4.png)}

$( function() { $( '#cbp-fwslider' ).cbpFWSlider(); });