RalOption - Yireo

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

About Yireo

Yireo tries to help webdevelopers build successful Joomla! and Magento sites.

More about Yireo