I can’t get Lightbox Plus to work, why not?
The problem may be with your WordPress theme, mangling image display properties. Try using another theme, that doesn’t interfere with posted images. You may be lacking wp_footer() function in your footer.php file of your WordPress theme. Look at the footer.php file in the default theme to see how it is implemented.
Alternately you may have other plugins that conflict with Lightbox Plus. Try disabling your other plugins and see if that helps. If it does, re-enable each plugin, one at a time to see which one is causing the conflict. Please let me know which plugin is causing the problem.
Add links to full size image
Finally, it seems that recent version of WordPress (or perhaps the plugin is causing this in some way I am not aware of) do not automatically add the link to the full size image. You must also make sure that when you are adding an image from the WordPress media dialog control you must make sure there is a link to the image in the Link URL field. The easiest way to get the correct link is to click on the link to image button beneath the field. Once you do that WordPress should output the correct format for Lightbox Plus to modify with the correct tag. See image to the right for a visual depiction of what is required when adding images in order for lightbox to function correctly.
Lightbox Plus doesn’t work properly in browser X, Y, or Z (Chrome, Safari, Firefox, Opera, Explorer 6, 7, etc)?
Yes it does, the problems are the same as above. It has been tested in Firefox 2, 3, Safari 3, 4, Opera 9, 10, Chrome 1, 2, Internet Explorer 6, 7, 8 on Windows and Firefox 2, 3, Safari 3, 4 and Opera 9 on OS X and Firefox 2, 3, Opera 9, and Konqueror on Linux.
Can I use this plugin and Lightview Plus, Lightbox 2 (either one), WP lightbox JS Plugin at the same time?
No other lightbox plugins can be used, they will most likely interfere with each other as they all modify the image URLs. Other image overlay plugins may possibly be compatible.
Can I add my own styles and images for the overlay?
Yes, you can easily create additional styles by adding a new folder to the css directory under wp-content/plugins/lighbox-plus/css/ by duplicating and modifying any of the existing theme folders or using them as examples to create your own.
How does Lightbox Plus differ from other Lightbox plugins for WordPress?
Performance wise the ColorBox jQuery plugin is smaller and generally faster and has more options than most lightbox JavaScript plugins. The regular expressions that handle the text are more robust handling a wider variety of characters and in addition it will also grab the image title from the image to use for the overlay image caption.
Does Lightbox Plus work with WordPress’ built in gallery?
Yes it does. 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
When resetting/re-initializing LBP the setting do not appear correctly when the page reloads, what gives?
This problem is only apparent in Chrome and Opera. It seems to works fine in Internet Explorer, Firefox and Safari. There may be browser related issues and I am investigating the problem at this time. For Chrome the settings are being saved but not displayed immediately, click on the Lightbox Plus link under appearance and you will see the current settings. Opera for whatever reason is completely failing to save re-initialization settings, you must manually set and save them or use another browser. And, no, it doesn't make sense since it's server side activity.
The lightboxed image appears underneath Flash animation, YouTube or other Flash based element. How do I fix this?
Flash (i.e. YouTube videos, etc.) will sit atop the Lightbox Plus display not matter what the z-index is. This is an issue with Flash.
See Flash content displays on top of all DHTML layers at Adobe for details.
To work around this issue you will need to add something like the following to your <param /&rt; and <embed></embed> tags:
<object><param name="wmode" value="opaque" /&rt;<embed wmode="opaque" [all other embed settings, file src etc.]></embed></object>
Additional FAQs from Colorbox
ColorBox is positioned incorrectly or behaving strangely in Internet Explorer
This is likely a doctype issue. ColorBox requires a valid doctype and rendering in quirks mode is not supported. Make sure you are using the full doctype declaration to insure rendering in standards mode.
This abbreviated doctype renders the document in quirks mode for Internet Explorer: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
The doctype with URI renders in standards mode for all browsers: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
For more information, see A List Apart’s primer on doctypes.
ColorBox’s borders do not display in Internet Explorer
Some of the example styles provided make use of transparent .PNG files. Alpha transparencies aren’t supported by default in IE6, and can cause an undesirable ‘black halo’ effect in IE7 and IE8 when changing their opacity. ColorBox resolves this by using one of IE’s CSS filters. You can see these at the bottom of colorbox.css. The filter src paths are relative to the HTML document (just like an IMG element), while CSS background image paths are relative to the CSS document. In the examples I provide the relative path is the same, but users often change the directory structure once they move the files over to their own host. The filter src path needs to reflect this change with the appropriate relative path or an absolute path. Here is an example that assumes the ‘images’ folder is in the root directory:
Original CSS with incorrect relative path: .AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png
Corrected relative path: .AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png
Corrected absolute path: .AlphaImageLoader(src=http://your_domain.com/images/internet_explorer/borderTopLeft.png
Other Problems
If you have read and tried the above and you are still having problems, then, please post your issues, in detail (links, error messages) to the Lightbox Plus forum on my site.
Known Problems
- No support for iPad (if someone wants to donate an iPad to me I will guarantee support)
- In some instances performance may be slow in IE – this may be due to plugin conflicts or slow JavaScript performance in IE.
- Lightboxed video does not seem to work in IE on locally installed sites, for example viewing in IE 7.0 while running XAMPP, this seems to be a Windows only issue.
Plugin Conflicts
- Tabbed Widgets – Verified
- Flickr Mini Gallery – Verified. Get hot fix for Flickr Mini Gallery: Flickr Mini Gallery Hot Fix
- DMSGuestbook – Un-verified
- Gengo – Un-verified
