Apr 21, 2014 in Slideshow 4843 views
WmuSlider is A jQuery responsive slider with touch support and AJAX image gallery. It easy to use slider.
1. INCLUDE JS FILES
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="jquery.wmuSlider.min.js"></script>
2. HTML
<div class="wmuSlider"> <div class="wmuSliderWrapper"> <article> <img width="612" height="612" src="http://farm6.static.flickr.com/5295/5476032712_6441c7e316_z.jpg" /> </article> <article> <img width="612" height="612" src="http://farm6.static.flickr.com/5176/5456963815_042d9c3ea0_z.jpg" /> </article> <article> <img width="612" height="612" src="http://farm6.static.flickr.com/5201/5296457034_5688b25c15_z.jpg" /> </article> <article> <img width="612" height="612" src="http://farm6.static.flickr.com/5245/5291874922_35ca47cc3d_z.jpg" /> </article> </div> </div>
3. JAVASCRIPT
$('.wmuSlider').wmuSlider({ touch: Modernizr.touch });
4. OPTIONS
animation: 'fade', animationDuration: 600, slideshow: true, slideshowSpeed: 7000, slideToStart: 0, navigationControl: true, paginationControl: true, previousText: 'Previous', nextText: 'Next', touch: false, slide: 'article', items: 1
Tagged with:
wmu slider
slider
responsive
responsive slider
slideshow
image gallery
photo gallery
jquery responsive slider
Related Articles