LightPress Lightbox

WP jQuery Lightbox grabs texts from three different HTML nodes;

1. title-attribute of link-to-image
2. img tag’s title attribute (if 1 is empty)
3. img tag’s alt attribute (if 1 and 2 is empty)
4. HTML content of .gallery-caption or .wp-caption-text (in that order)

Look at how the default TwentyTwelve theme uses these in its galleries and set up your theme so it outputs what you need in these places.

It’s a problem of z-index. Check the z-index property for the problematic elements, and force them to be less than 100. (Thanks dway!)

Inserting Images into Posts and Pages

Upload images to a post (see previous question) and use WordPress’ built-in gallery shortcode: [gallery link="file"]

Note the link="file" – this is crucial! By default the gallery will link your humbnails to a page displaying your image. With link="file" the thumbnails links
directly to the image files – allowing Lightbox to function.

WP-jQuery Lightbox lets you configure the animation duration and disable image resizing from the admin panel. Set duration to 0 to disable animations entirely.

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

Indeed you can!

Translations and help with implementing them would be nice.