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
   
jQuery Slideshow Plugin with Strip Effects - jqFancyTransitions

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.