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
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.
Thanks for reading enjoy the hack! 🙂 🙂 🙂
One thought on “jQuery Slider Plugin with CSS3”
Css3 is the new revolution in web industry, this is so good
Website Designing Company in Delhi