WordPress.org

1. Upload the wp-jquery-lightbox-folder to the /wp-content/plugins/ directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Check out the jQuery Lightbox-panel in your admin interface for usage details and configuration.

How to Use:

1. With WordPress built-in gallery: [gallery link="file"]

2. By adding a rel="lightbox" attribute to any link:

   <a href="image-1.jpg" rel="lightbox" title="my caption">image #1</a>

   Note the use of title-attribute to set a caption

3. To group sets of related images, follow step 2 but additionally include a group name in the rel attribute:

   <a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>

   <a href="image-2.jpg" rel="lightbox[roadtrip]">image #2</a>

   <a href="image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

4. To disable lightboxing of an image link, just set any other rel-attribute: rel="nobox"

5. Keyboard support: Arrows, P(revious)/N(ext) and X/C/ESC for close.

For developers:

1. Always have wp_footer(); just before the closing </body> tag of your theme, or you will break many plugins, which generally use this hook to reference JavaScript files.
2. Apply lightbox to any content by running jqlb_apply_lightbox($your_content, "any ID"); It returns a string with all image links lightboxed, grouped by "any id".
3. Many JavaScript optimizers, combiners, minifiers, etc. conflict with wp_localize_script, used to configure this plugin and many others.

• If you have problems with jQuery Lightbox; first disable all JavaScript-optimizing plugins. (Optimize Scripts, W3 Total Cache, WP Minify etc)
• If you develop JavaScript optimizers for WordPress, please play nice with the default API...
• More info about this issue