<link rel="stylesheet" href="css/jquery.skippr.css"><script src="js/jquery.min.js"></script><script src="js/jquery.skippr.min.js"></script>

<div id="container">     <div id="theTarget">     <div style="background-image: url(img/image1.jpg)"></div>     <div style="background-image: url(img/image2.jpg)"></div>     <div style="background-image: url(img/image3.jpg)"></div>     <div style="background-image: url(img/image4.jpg)"></div>    <div style="background-image: url(img/image5.jpg)"></div>   </div>   </div> 

<script>  $(document).ready(function(){       $("#theTarget").skippr({        transition: 'slide',       speed: 1000,       easing: 'easeOutQuart',       navType: 'block',       childrenElementType: 'div',       arrows: true,       autoPlay: false,       autoPlayDuration: 5000,       keyboardOnAlways: true,       hidePrevious: false     });          }); </script>