jQuery: jqShuffle
Overview
The jQuery jqShuffle Plugin allows you to take a list/group of photos/paragraphs and shuffle through them. When set, it provides a flash-like photo gallery effect.
The plugin is still in development as far as extras go. Base functionality will take your list and produce a shuffle effect similiar to the way you would shuffle a stack of photos, taking the top most photo, moving it to the left and then repositioning it to the bottom of the stack.
Quick Start Guide
1. Add a list of images
-
<ul class="imageBox">
-
</ul>
2. Include jQuery and jqShuffle in the head of your web page
<script type="text/javascript">
$(document).ready(function(){
$('.imageBox').jqShuffle();
});
</script>That's it! It will produce the following effect:
jqShuffle Plugin API
The jqShuffle Plugin API provides several methods that will allow you to add more functionality to the shuffle.
$.fn.jqShuffle.shuffleLite- This is the default method/fx
Code Samples
More examples to come
Frequently Asked Questions
- What versions of jQuery is the jqShuffle Plugin compatible with?
- The jqShuffle Plugin is compatible with jQuery v1.1.3.1 and later.
- Does the jqShuffle Plugin have any dependencies on other plugins?
- Not really, only if you want to utilize the easing effect.
Download
The jqShuffle Plugin is available at: jqshuffle.js or jqshuffle.compress.js.
Support
Support for the jqShuffle Plugin is available through the jQuery Mailing List.
This is a very active list to which many jQuery developers and users subscribe.
6 Responses to “jQuery: jqShuffle”
Thanks Mathew. I am still learning, the only tips I can really offer is to just do. Experiment. Have fun. If you get stuck, ask questions.
Good resourcs:
http://www.learningjquery.com/
http://groups.google.com/group/jquery-en/Good luck coding.
November 5th, 2007 at 11:38 pm | Link
3. PA
Good work indeed!
April 24th, 2008 at 6:36 pm | Link
4. chris
I am new to javascript. I am trying to use your plug in along with jquery/innerfade. How do I get my images listed first? I think I can apply the rest. Thanks!
December 1st, 2008 at 4:15 am | Link
1. Mathew