<div class="flexslider"> 
  <ul class="slides"> 
    <li><img src="https://dummyimage.com/600x400/a2bd3e/fff&text=banner1" /></li>
    <li><img src="https://dummyimage.com/600x400/2965ba/fff&text=banner2" /></li>
    <li><img src="https://dummyimage.com/600x400/bd3d7d/fff&text=banner3" /></li> 
  </ul> 
</div>
$(function() { 
  $(".flexslider").flexslider({
    animation: "slide",
    touch: true
  }); 
}); 

External CSS

  1. https://cdn.bootcss.com/flexslider/2.6.3/flexslider.min.css

External JavaScript

  1. https://cdn.bootcss.com/jquery/2.2.2/jquery.min.js
  2. https://cdn.bootcss.com/flexslider/2.6.3/jquery.flexslider-min.js