jQuery Slideshow Plugin with Strip Effects - jqFancyTransitions
File Size: | 2.15 KB |
---|---|
Views Total: | 6505 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
jqFancyTransitions is a jQuery plugin that make it easy to create photo slideshow with fancy transition effects. It is lightweigt (~7Kb) and easy to use.
Basic Usage:
1. Include jQuery Library and jqFancyTransitions on your page
<script src="js/jquery.js"></script> <script src="js/jqFancyTransitions.js"></script>
2. Markup
<div id='slideshowHolder'> <img src='img1.jpg' alt='img1'> <img src='img2.jpg' alt='img2'> <img src='img3.jpg' alt='img3'> </div>
3. Call the plugin
$(document).ready( function(){ $('#slideshowHolder').jqFancyTransitions({ width: 400, height: 300 }); });
4. Options.
effect: '', // wave, zipper, curtain width: 500, // width of panel height: 332, // height of panel strips: 20, // number of strips delay: 5000, // delay between images in ms stripDelay: 50, // delay beetwen strips in ms titleOpacity: 0.7, // opacity of title titleSpeed: 1000, // speed of title appereance in ms position: 'alternate', // top, bottom, alternate, curtain direction: 'fountainAlternate', // left, right, alternate, random, fountain, fountainAlternate navigation: false, // prev and next navigation buttons links: false // show images as links
This awesome jQuery plugin is developed by kopipejst. For more Advanced Usages, please check the demo page or visit the official website.