Lightbox Mango Plugin
My new friend Mark Aplet asked me to take over development of the Lightbox2 plugin that he started, and I happily abliged. This plugin will add the necessary JavaScript and CSS to every page Mango outputs (aside from admin), and enables advanced linking in TinyMCE.
In order to use Lightbox, you then simply create a link (its contents can be anything: image, text, etc) and in the link dialogue, on the advanced tab, choose "Lightbox" from the "Relationship page to target" drop-down. That's it!
One small note: It does slightly modify the file admin/editorSettings.cfm to enable advanced linking in TinyMCE, so after a Mango core upgrade that overwrites this file, you may need to de-activate and then re-activate the plugin to re-enable advanced linking.
Download the latest version:
Last Updated 2008-01-05![]()
Feedback:
Issue Tracker
Change Log:
- v0.13 — 2009-01-05
- Upgrade Lightbox to version 2.04, which fixes some IE issues
- v0.9 — 2008-12-17
- Fixed broken images on non-root Mango installs
- Implemented preferred location of resource files for plugins
- Various trivial bug fixes
- v0.3 — 2008-12-09
- Fixed bug introduced by slight Mango architecture change
- v0.1 — 2007-07-26
- Initial Release
Aug 11, 2008 at 9:29 AM
In order for me to get it working correction, wherever is said "/components/plugins/user/lightbox2/images/" (note the / at the beginning) I had to remove the beginning / to make it "components/plugins/user/lightbox2/images/" If the / was there it was looking for the image in the root of my website and my blog is not located in the root.
Aug 11, 2008 at 9:35 AM
I've been discussing the best way to store and access things ("assets") that will be needed publicly that are included in a plugin with Laura -- creator of Mango. The problem is exactly what you described: I assumed that Mango would be running in the root, and of course it won't always be.
I'm going to be releasing an updated version that should resolve this problem, hopefully soon. :)
Sep 28, 2008 at 4:42 PM
I just installed the latest version of Mango Blog and apparently there is nothing to do with plugins in admin/layout.cfm anymore. It has moved to admin/editorSettings.cfm on line 16. Just an FYI.
Dec 9, 2008 at 1:58 PM
Thanks David, Version 0.3 now addresses this change in code location.
Dec 22, 2008 at 1:31 AM
Is there any documentation on how to use this plugin? When I set the "Relationship page to target" to LightBox, I can get the lightbox to open with the one image, but the Close button does not work at all.
Also, how do I setup the lightbox to include multiple images in a lightbox slideshow?
Any help would be appreciated.
TIA,
Randy
Dec 22, 2008 at 2:09 AM
Also, how do I enable transitions between the different photos in a lightbox slideshow?
Thanks,
~randy
Dec 22, 2008 at 11:59 AM
Randy,
From the Lightbox page (http://www.huddletogether.com/projects/lightbox2/), it looks like you create groups by setting a relationship (rel attribute) of "lightbox[GroupName]", which is not supported by TinyMCE.
Fortunately, if you're not opposed to the idea, you can insert all of your lightbox links and then modify them before saving by toggling TinyMCE off (http://remotesynthesis.com/post.cfm/turning-tinymce-on-and-off-on-the-fly) and then changing the rel attribute from "lightbox" to "lightbox[GroupName]".
As for the close button, I will have to see it in action to figure out why it doesn't work. Does it not display, or nothing happens when you click it? Can you link me to a page where it's acting this way?
Dec 22, 2008 at 12:57 PM
I figured out I had to edit the html to setup a slide show. It was no big deal.
Here's a test post to show the problem with the close button:
http://www.martinized.us/post.cfm/test-lightbox
Click on any one of the images, and you'll see that the Close button is there, but not active.
Dec 22, 2008 at 1:02 PM
Am I going to need to edit the html directly in order to enable transitions in LightBox?
Dec 28, 2008 at 2:46 PM
Any luck figuring out the close-button glitch with IE7 on the lightbox plugin?
TIA,
Randy
Jan 5, 2009 at 12:28 AM
I'm having the same problem with the close button not working in IE7. I did find something interesting though.. once the image/object is displayed click within the browser roughly 100-150pixels below the image.. it will then close. Not sure what could be causing this but it works.
Any help fixing it would be greatly appreciated though. I can't use the lightbox functionality until the close button works as it used.