Lightbox with SimpleLists
Lightbox is a very cool effect which shows a popup with a smooth Web 2.0 effect. Joomla! 1.5 is shipped with a JavaScript library called MooTools, and using this library a Lightbox-variant called Squeezebox has been integrated. The Joomla! Administrator makes use of this effect when allowing you to choose an article. SimpleLists makes use of this effect in the backend as well, but you can also add it to the front-end.
This will only work with SimpleLists 1.5.1.3 or newer
To use the Lightbox-effect you need to edit a specific item (through the SimpleLists Items page) or a specific menu-item. When editing a single item, you need to set the "Link Class" parameter to lightbox. To change the setting for a whole list you can edit the same parameter through the Menu Item - have a look at the "Parameters (Component)".
Besides changing the "Link Class" you will also need to enable the effect itself. Within the Menu Item there are "Parameters Advanced". Within these parameters, turn on the "Load Lightbox" setting.
NOTE: This only plays well if the link is an image. If the link is something else (for instance a webpage) the Joomla! Lightbox does not resize the new window.
Using YooEffects
YooThemes has released a separate plugin called YooEffects which adds the Lightbox effect with a couple of other effects to your Joomla! site. If you don't like the default Joomla! Squeezebox-effect, this could be the right option.
With YooEffects the SimpleLists item needs to use a weblink with the rel attribute set to lightbox. Within SimpleLists you can use the "Link relation" parameter to change this for a single item (through the SimpleLists backend) or for a whole list (through the menu-item parameters).
... <a href="/MYLINK" rel="lightbox"> ...Created on Tuesday, 23 June 2009
Modified on Wednesday, 23 May 2012
More tutorials in this section
- Upgrading SimpleLists
- Hidden secrets of SimpleLists
- SimpleLists and template overrides
- SimpleLists - Usage
- Lightbox with SimpleLists
- Create download-pages using SimpleLists
- How can I create a language-pack for SimpleLists?
- SimpleLists FAQ: Troubleshooting
- SimpleLists FAQ: Usage
