Lightbox Mango Plugin
My new friend Mark Aplet asked me to take over development of the Lightbox2 plugin that he started, and I happily obliged. 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
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.
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. :)
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.
Thanks David, Version 0.3 now addresses this change in code location.
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
Also, how do I enable transitions between the different photos in a lightbox slideshow?
Thanks,
~randy
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?
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.
Am I going to need to edit the html directly in order to enable transitions in LightBox?
Any luck figuring out the close-button glitch with IE7 on the lightbox plugin?
TIA,
Randy
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.
IE7 issues have been resolved, see this post for more details:
http://fusiongrokker.com/post/lightbox-mango-plugin-updated-again
Using Mango 1.2.4 I get an error when attempting to activate the lightbox plug-in. It simply says Plugin could not be activated.
Any input on what the problem may be is appreciated.
Problem solved, I had a folder in the wrong location. My bad, everything is working normally now.
Thanks!
@Randy, Glad you got it working. Enjoy.