JQuery Projects

JS Projects

Coming very soon, just need to set up the DB for it

PROJECT NAME: Cycle Plugin

The Cycle Plugin is great when you want to show special effect with photos such as scrolling, dropping, flipping, etc...

Cycle Plugin

Library Setup

Here is the code that does it. Make sure you have the following JS classes:

jquery.js
jquery.cycle.all.js
jquery.easing.1.1.1.js

Fade Effect

			jQuery('#fade').cycle('fade');

Scroll Down Bounce Effect

			jQuery(document).ready(function() {
				jQuery('.scrollDownBounce').cycle({
					fx:	  'scrollDown', 
					speedIn:  2000, 
					speedOut: 500, 
					easeIn:  'bounceout', 
					easeOut: 'backin', 
					delay:   -2000 
				});
			});

Zoom Bounce Effect

			jQuery(document).ready(function() {
				jQuery('.scrollDownBounce').cycle({
					fx:	 'zoom', 
					easing: 'bouncein', 
					delay:  -4000
				});
			});

Shuffle Effect

			jQuery(document).ready(function() {
				jQuery('.scrollDownBounce').cycle({
					fx:	 'shuffle', 
					delay:  -4000
				});
			});