Pikachoose jQuery Image Gallery

Documentation

Implementation

Include jquery and PikaChoose.js in the head of your page. PikaChoose must be included after Jquery. In your document ready statement (see example in downloaded file) run the following function.
$("#divID").PikaChoose();
If you want to specify options include them like the following example.
$("#divID").PikaChoose({autoPlay:true, transition:[5]});
Note the commas separating the values and the curly brackets surrounding the options.

Options

show_captions: boolDefault: true

transition: arrayDefault: [-1]

Transitions effects. For random use [-1]. To have fading twice then a different effects use [0,0,1] etc. If your images are different sizes then use transition:[6]
$("#id").PikaChoose({transition:[0]});

autoPlay: boolDefault: true

If set to true the slideshow will start playing automatically
$("#id").PikaChoose({autoPlay:false});

speed: integerDefault: 5000

The speed that a picture will display before moving onto the next during a slideshow
$("#id").PikaChoose({speed:2000});

text: objectDefault: {previous:”Previous”, next:”Next”}

Text for each of the visible text items. Use for localization.
$("#id").PikaChoose({text: {previous: "Previous", next: "Next" }});

Using your own thumbnailsClick for explanation

PikaChoose will create thumbnails for you, but if you want to use your own it’s easy. You need to add a ref attribute to your img tags.
<img src="thumbnail.jpg" ref="fullsize.jpg" >

Versions

3.3.1

• Fixed with captions jumping ahead and links being triggered.
• Added new transitions.
• IE will now properly show the page as being fully loaded.

2.8.1

• Fixed bug with slideshow not looping.
• Fixed issues with fades jumping to next image instead of smooth transitions.
• IE will now properly show the page as being fully loaded.

2.7

• Fixed a bug where some images failed to display after loading.
• Now works correctly with IE6/7 using strict doctypes!
• Cleaned up some code to improve performance. Removed function ‘prep_thumbs()’ as it had no reason to be seperated at this point.

2.6.2

• Image will no longer ’skip’ when using user_thumbs.

2.6.1

• Now works properly with jQuery.noConflict().
• Fixed a bug where not displaying captions would cause the script to fail.

2.5

• Added support for multiple languages. Options are now defined to change the text of Play, Stop, Previous, and Next.
• User defined thumbs are now possible. Setting user_thumbs to true and defining a ‘ref’ attribute for images will now link to the main image to the ref rather than the src of the thumb.
• Added support for HTML in comments. Comments are now stored in a span directly after the image rather than in the title of the image.
• There is no an option to include a slight delay before fading in the caption. I feel this improves the astehtics of the plugin.

2.4

• Fixed a bug where SliderJS would slide photos to the right on auto play start.
• Corrected an error that prevented the previous button from working.
• Photos are now properly resized on first load of page.

2.3

• SliderJS is now included with Pikachoose. SliderJS turns the Pikachoose thumbnails into a iPhone like carousel.
• Fixes to SliderJS to work better with IE7

2.2.1

• Images can now contain links. The link url should be put in an attribute title ref
• Images now load on their own instead of waiting for the site to finish loading. This should improve performance with sites that have large pages.