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({show_captions:true, slide_enabled:false});
Note the commas separating the values and the curly brackets surrounding the options.

Options

show_captions: [true/false]

Display captions at the bottom of photo.

slide_enabled: [true/false]

Wether to allow slideshow functionality. False will also hide the play/stop buttons

auto_play: [true/false]

Determines if a slideshow will start playing from the start.

show_prev_next: [true/false]

Display the previous/next buttons below the thumbnails.

slide_speed: [integer]

The speed that a picture will display before moving onto the next during a slideshow

thumb_width: [integer]

Width of thumbnails

thumb_height: [integer]

Height of thumbnails

buttons_text: {play: [string], stop: [string], previous: [string], next: [string]}

Text for each of the visible text items. Use for localization.

user_thumbs: [true/false]

If set to true PikaChoose will use the ‘ref’ attribute for main image rather than the ’src’ attribute.

delay_caption: [true/false]

A small pause before loading the caption. Makes overall animations feel smoother.

Versions

2.8.1

• Fixed bug with slideshow not looping.
• Fixed issues with fades jumping to next image instead of smooth transistions.
• 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 with SliderJS

• 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 with SliderJS

• 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.