HD@THU

Recently I tried some WordPress LightBox plug-ins, and I found that most of them have some issues that disappointed me. Then LightBox Plus catched my eyes, and I finally decided to recommend this plug-in on my blog.

Firstly, I’d like to quote the official description of LightBox Plus:

Lightbox Plus implements ColorBox as a LightBox image overlay tool for WordPress. ColorBox was created by Jack Moore of Color Powered and is licensed under the MIT License. Lightbox Plus permits users to view larger versions of images without having to leave the current page, and is also able to display simple slide shows. The use of the dark or light background, which dims the page over which the image has been overlaid, also serves to highlight the image being viewed. Lightbox Plus captures the image title for display in the overlay. Lightbox Plus is able to LightBox images displayed using WordPress build in gallery.
Lightbox Plus uses WordPress’s built in jQuery library.

Also, it has two other features. One is that it could automatically LightBox images. Another is that it provides an option to specify the display size of images. The latter feature is distinguished, since no other plug-ins, as far as I know, has this feature.

However, when I activated this plug-in on my blog, I rushed into a problem. It was because that this plug-in can handle the “a” tag and “gallery” shortcode, but no “img” tag. When I insert an image into a post, WordPress will automatically insert codes like this:

[caption id=”attachment_58″ align=”aligncenter” width=”230″ height=”230″ caption=”THUHD”]<img src=”http://www.thuhd.com/wp-content/uploads/2009/12/THUHD.png” alt=”THUHD” title=”THUHD” width=”230″ height=”230″ class=”size-medium wp-image-58″ />[/caption]

. These codes don’t have “a” tag, so I need to add it manually. The following codes will work perfectly:

[caption id=”attachment_58″ align=”aligncenter” width=”230″ height=”230″ caption=”THUHD”]<a href=”http://www.thuhd.com/wp-content/uploads/2009/12/THUHD.png” title=”THUHD”><img src=”http://www.thuhd.com/wp-content/uploads/2009/12/THUHD.png” alt=”THUHD” title=”THUHD” width=”230″ height=”230″ class=”size-medium wp-image-58″ /></a>[/caption]

It displays like this:

THUHD

Update:
No need to manually add “a” tag any more since WordPress 2.9.

Related Link(s):
LightBox Plus