Pages

Subscribe:

Ads 468x60px

Tuesday, February 1, 2011

AD Gallery, gallery plugin for jQuery

A highly customizable gallery/showcase plugin for jQuery.

Features

  • Choose effect, should the image slide in, or fade in?
  • Show fifth image by adding #ad-image4 to the url, this takes precedence over over settings.start_at_index
  • jQuery call returns gallery instances, which enables you to change settings on the fly like the "Change to fade effect" link above
  • Keyboard arrows to move back and forth
  • Click on the edge of the big image to go to the next/previous
  • Images are preloaded, and if the aren't finished loading when they are supposed to be displayed, a loading image will appear
  • Slideshow count down only begins when the image has loaded and is visible
  • Image title, can either be set in the title attribute, or in elm.data('ad-title', 'My title here'). $.data takes precedence over the title attribute
  • Image descriptions, can either be set in the longdesc attribute, or in elm.data('ad-desc', 'My description here'). $.data takes precedence over the longdesc attribute
  • Callbacks on different events that has access to the internal object, which means that you can access all internal methods, etc
  • Takes the dimensions of the image container div and scales down images that are larger than it
  • Image is positioned in the middle if it's smaller than the container div
  • Images that are larger than the container are scaled down to fit inside the container

Browser compatibility

The script has currently been tested in Firefox 3/Win, Firefox 3.5/Mac, IE6+7+8/Win, Chrome 2/Win, Safari 3/Win, Safari 4/Mac, Opera 9/Win, Opera 9/Mac. If you have seen it working correctly in some other browser, or on some other platform, please let me know.

0 comments:

Post a Comment