Lightbox Plus

A full featured, skinnable lightbox for WordPress that supports simple slideshows, inline galleries and has many customizable options.

 

Lightbox Plus permits users to view larger versions of images from the current page and display simple slide shows, all in an overlay.

Download from 23Systems

Lightbox Plus 1.6.7 (3667) - 185.98 KB

Download from WordPress.Org

Lightbox Plus for WordPress

Description

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.

Read the FAQ first if you are having problems.

Lightbox Plus NOW works with WordPress’ built in gallery feature.

I’m happy to say Lightbox Plus now works with WordPress’ built in gallery. This has been the most requested feature by far. There are few simple requirements however. You you must set Link thumbnails to: Image File or use [gallery link="file" for the gallery options. You must check Use For WP Gallery box under Other Lightbox Plus Settings.

IMPORTANT 1.5+ UPGRADE INFORMATION

See the change log for information regarding this upgrading to version 1.5 of Lightbox Plus. There are significant differences from previous versions.

IMPORTANT 1.5+ UPGRADE INFORMATION

Must have WordPress 2.8+ and the wp_footer() hook for Lightbox Plus to work correctly from 1.6.6 forward.  If using and older version of WordPress please continue using version 1.6.3 of Lightbox Plus.

Usage

Note that getting the caption to appear in the overlay image by using the caption options built into WordPress Lightbox Plus uses the image title which is generated by "Edit Image Title" field and not the "Edit Caption Field." You can also manually add lightbox tags to your images using the following instructions.

  1. Add a rel="lightbox[uniqueID|filename]” attribute to any link tag to activate the lightbox, include a name between square brackets in the rel attibute. For example:
    <a title="my caption" rel="lightbox[uniqueID|filename]" href="images/image-1.jpg">image #1</a>

    Optional: Use the title attribute if you want to show a caption.

  2. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:
    <a rel="lightbox[roadtrip]" href="images/image-1.jpg">image #1</a>
    <a rel="lightbox[roadtrip]" href="images/image-2.jpg">image #2</a>
    <a rel="lightbox[roadtrip]" href="images/image-3.jpg">image #3</a>

    Installation

    Screenshots

    Thumbnail Image Link

    Lightbox Plus Demo and Example 1 - Thumbnail Image Link

    Lightbox Plus Demo and Example 2 – Text Link
    External Image Link

    Lightbox Plus Demo and Example 2 - External Image Link with Animated GIF

    Frequently Asked Questions

    Change Log

    Road Map

    1. Get Lightbox Plus working automatically with WordPress Mu – planned for version 1.6.9 or earlier.
    2. Add languages for which I have completed translations – planned for verison 1.7
    3. Solicit and implement additional language translations – planned for verison 1.7
    4. Add ability to place iframed content (flash video, html pages, inline content) on a per item basis – planned for version 1.8

    Special Thanks

    Dirk Schmitz (for pointing out an obvious bug that I kept overlooking), Ken Williams (for testing version 1.5), Melanie Sallis for needing a lightbox for her site which prompted me to create this plugin, Jack Moore for creating the awesome jQuery plugin, ColorBox, and everyone who has contributed to the support in developing this plugin.

    Support

    The comments are now closed for Lightbox Plus.  For questions, comments or support please post a message in the Lightbox Plus forum.

249 Responses to “Lightbox Plus”

  1. [...] 5,Lightbox Plus 这个插件就不多介绍了,估计这种图片效果是N个人想要的! [...]

  2. Feature test says:

    [...] up being published at full size and takes over the post. At this rate, the combo of WP with the Lightbox Plus plugin seems to be easier to [...]

  3. [...] 5,Lightbox Plus 这个插件就不多介绍了,估计这种图片效果是N个人想要的! [...]

  4. [...] if i’m going to keep the gallery in wordpress.  it’d be nice to set it up with the lightbox plugin i installed, but since this goddamn thing is such an unwieldy piece of crap when it comes to a [...]

  5. [...] Install ‘Light box Plus’ plug-in from http://www.23systems.net/plugins/lightbox-plus/. You can do more interesting stuff with [...]

  6. [...] 請安裝 lightbox plus 這套件,相容性較佳。若有需要在WP上加入相簿者,可以參考看看。flickr, [...]

  7. [...] Extend,在plugin以Lightbox進行搜尋,果然出現一堆選擇,最後選擇了Lightbox Plus,所有問題迎刃而解。 Share and [...]

  8. [...] 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 [...]

  9. [...] galleries, slideshow and much more. Plugin uses jQuery implementation of Lightbox called Colorbox. Lightbox Plus | 23Systems Web Devsign VN:F [1.7.7_1013]Rating: 10.0/10 (1 vote cast)Lightbox Plus, 23Systems Web [...]