Main menu
WalkswithMejQueryjQuery Slider Plugin with CSS3

jQuery Slider Plugin with CSS3

Here ,  A simple jQuery slider plugin with css3 and it will take only less than five minutes to integrate on your site. The rotators slider have many options like preview image,slide show and amazing slider effects.

This jQuery slider plugin required a jQuery version 1.10 or above in your site may have other jQuery then you can simply use below code immediately after the library include.


var myjq = jQuery.noConflict();
jQuery Slider Plugin with Css3

jQuery Slider Plugin with Css3

The jQuery slider plugin have lot of option , simple to configure and many effects available with the slider plugin. Just check how to integrate the jQuery slider plugin. just include the following code in an html file.


<link rel="stylesheet" href="css/slider.css" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/rotator.js" type="text/javascript"></script>
<script src="js/preview.js" type="text/javascript"></script>
</head>
<body>
<div id="br">
<ul>
<li data-link="#" data-target="_blank"> <a href="http://www.dev.walkswithme.net/cycle/images/1.png"></a> </li>
<li data-link="#" data-target="_blank"> <a href="http://www.dev.walkswithme.net/cycle/images/2.png"></a> </li>
<li data-link="#" data-target="_blank"> <a href="http://www.dev.walkswithme.net/cycle/images/3.png"></a> </li>
<li data-link="#" data-target="_blank"> <a href="http://www.dev.walkswithme.net/cycle/images/4.png"></a> </li>
<li data-link="#" data-target="_blank"> <a href="http://www.dev.walkswithme.net/cycle/images/5.png"></a> </li>
<li data-link="#" data-target="_blank"> <a href="http://www.dev.walkswithme.net/cycle/images/6.png"></a> </li>
</ul>
</div>

You can add the links on the ” data-link ”  options and other options like caption text on the slider , slide show etc are available on the plugin. Just check the demo link and if you need to download the plugin source code just Ctl+S (windows) on the demo.

Are you worried about browser support  ? IE8+,Firefox,Chrome,Opera,Safari  tested.

demo_image Thanks for reading enjoy the hack! 🙂  🙂  🙂

Download1057 downloads

 

One thought on “jQuery Slider Plugin with CSS3

  1. Css3 is the new revolution in web industry, this is so good

    Website Designing Company in Delhi

Leave a Reply

Your email address will not be published. Required fields are marked *

 

FacebookTwitterGoogle+RSS