Recent news

Thursday, 5 May 2016

Touch Screen Computable Responsive jQuery Photo Slider Plugin With Text Message




Excolo Slider is a jquery photo slider plugin photo gallery. This slider auto slide and it competable with touch screen also. It is very simple to implement. This plugin we can use in asp.net, mvc, html, php etc.

How To Use
1. Add the below library reference

<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/jquery.excoloSlider.min.js"></script>
<link href="Content/jquery.excoloSlider.css" rel="stylesheet">


2. Now add the below html tag.
<div id="slider">
    <img src="images/image1.jpg" />
    <img src="images/image2.jpg" />
    <img src="images/image3.jpg" />
    <img src="images/image4.jpg"
         data-plugin-slide-caption="I am a caption ><b>and I can contain HTML.</b>" />
    <img src="images/image5.jpg" />
    <img src="images/image6.jpg" />
    <img src="images/image7.jpg" />
    <div>
        <h2>This is the last slide</h2>
        <img style="width: 50%: float: right;" src="images/image8.jpg" />
    </div>
</div>

3. Add the below code to show slider
  
 $(function () {
        $("#slider").excoloSlider();
    });



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles