Responsive Slider with text Auto-Playing Free Download

HTML, PHP 0 Comments
slider free download responsive

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

 

Daily Visit GK on myshort.in

 

<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

slider free download responsive
slider free download responsive

 

 

 

 

share..Share on Facebook0Share on Google+0Tweet about this on TwitterShare on LinkedIn0