Responsive Slider with text Auto-Playing Free Download

Download free Responsive Slider with text Auto-Playing prev and next buttons tutorials CSS-Tricks bootstrap slider

In this post we are provide the jQuery responsive slider with demo example. Functionality of this slider is Auto-Playing Slideshow and you are set the text according to slide show image. In this slider prev and next buttons also used. This slideshow compatible for all responsive bootstrap template code just set the right path of the CSS and JS file Download the JS and CSS file given the link in this post bottom side. If you are designer choosing the responsive and bootstrap jQuery slider which can be implemented resolution screen and proper work in mobile and tablet and small and multiple devices so you can used this slide

 

 

<script src="img/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="img/styles.css" media="all" />
 <script type="text/javascript" src="img/jquery.slide-min.js"></script>
 
 <script type="text/javascript" charset="utf-8">
 var $ = jQuery.noConflict();
 $(window).load(function() {
 $('.flexslider').flexslider({
 animation: "fade"
 });
 
 $(function() {
 $('.show_menu').click(function(){
 $('.menu').fadeIn();
 $('.show_menu').fadeOut();
 $('.hide_menu').fadeIn();
 });
 $('.hide_menu').click(function(){
 $('.menu').fadeOut();
 $('.show_menu').fadeIn();
 $('.hide_menu').fadeOut();
 });
 });
 });
</script>

HTML code

 

<div class="slider_container">
 <div class="flexslider">
 <ul class="slides">
 <li>
 <a href="http://www.freshdesignweb.com"><img src="img/sliderimg.png" alt="" title=""/></a>
 <div class="flex-caption">
 <div class="caption_title_line" style="color:#FFFFFF">
<h2 style="color:#FFFFFF">responsive slider </h2>
<p>automatic slider working in all bootstrap template</p></div>
 </div>
 </li>
 <li>
 <a href="http://www.freshdesignweb.com">
<img src="img/sliderimg2.png" alt="" title=""/></a>
 <div class="flex-caption">
 <div class="caption_title_line">
<h2>responsive slider </h2>
<p>automatic slider working in all bootstrap template</p></div>
 </div>
 </li>
 <li>
 <a href="http://www.freshdesignweb.com"><img src="img/sliderimg.png" alt="" title=""/></a>
 <div class="flex-caption">
 <div class="caption_title_line">
<h2>responsive slider</h2>
<p>automatic slider working in all bootstrap template</p></div>
 </div>
 </li>
 <li>
 <a href="http://www.freshdesignweb.com"><img src="img/sliderimg2.png" alt="" title=""/></a>
 <div class="flex-caption">
 <div class="caption_title_line">
<h2>responsive slider</h2>
<p>automatic slider working in all bootstrap template</p></div>
 </div>
 </li>
 </ul>
 </div>
 </div>

 

Download slider file responsive

 

jquery.min.js

styles.css

jquery.slide-min.js

 

Click and Download the all file

 

 

 

Out Put show this slider

 

 

 

 

Buy online Rajasthan gk book Railway JE CBT REET PAtwari Book SSC CGL Clerk GD Book Buy online Rajasthan gk book Railway JE CBT REET PAtwari Book SSC CGL Clerk GD Book