ARI Colorbox plugin helps load ARI Colorbox module anywhere in Joomla! content and provide ability for using ARI Colorbox inline in articles.


How to load 'ARI Colorbox' module into article?

Type the following code in article for loading ARI Colorbox module:

{aricolorbox moduleId="<moduleId>"}

Where <moduleId> is ARI Colorbox module id. You can find module id if open 'Extensions->Module Manager' page in modules grid in ID column or on module settings page in ID field.


How to show inline content?

Type the following code in article:

{aricolorbox activeType="icontent" opt_width="300" opt_height="250" link="Click me" title="Hidden text"} Inline content which you want to show in colorbox goes here. {/aricolorbox}


How to show external page?

Type the following code in article:

{aricolorbox activeType="rcontent" opt_width="300" opt_height="250" url="http://www.google.com" link="Show google site" title="Google"}{/aricolorbox}


How to show Joomla! modules?

Type the following code in article:

{aricolorbox activeType="module" opt_width="300" opt_height="250" id="<moduleId>" link="Show Joomla! module" title="Joomla! module"}{/aricolorbox}


How to show an article?

Type the following code in article:

{aricolorbox activeType="article" opt_width="300" opt_height="250" id="97" link="Show article" title="Article"}{/aricolorbox}

Indicate necessary article ID with help "id" parameter.


How to show image, Flickr and Picasa galleries?

We recommended to use 'ARI Colorbox' module for showing image, Flickr and Picasa galleries because module contains user friendly UI for entering parameters. "How to load 'ARI Colorbox' module into article" section contains information how to load 'ARI Colorbox' module into article, but if you want to specify parameters for showing Flickr photos and image galleries directly in plugin tag, use the following code for showing image galleries:

{aricolorbox activeType="imglist" dir="images/stories;images/banners"}{/aricolorbox}

See below list of available parameters:



Use the following code for Flickr photos:

{aricolorbox activeType="flickr" source="photoset" photosetId="[photosets]"}{/aricolorbox}

See below list of available parameters:



Use the following code for Picasa photos:

{aricolorbox activeType="picasa" user="[picasa_user]" album="[picasa_album]"}{/aricolorbox}

See below list of available parameters:




How to create thumbnails for images in content?

If you want to create thumbnails for existing images in Joomla! content and display them in pretty popup, wrap necessary content with {aricolorbox} tag. In other words, use the following code:

{aricolorbox thumbWidth="250" thumbCount="2"}
  content ... content ...
  <img src="[path_to_large_image]" alt="description" />
  content ... content ...
  <img src="[path_to_large_image2]" alt="description" />
  content ... content ...
{/aricolorbox}

See below list of available parameters:


Note: all omitted parameters will be filled from plugin settings.


How to override plugin parameters?

By default plugin will be used parameters from "Plugin Parameters" on this page. If you want to override parameters, add necessary parameter(s) to {aricolorbox} plugin tag in the following format parameterName="parameterValue". For example, if you set "Scale photos" parameter to "No" in "Plugin Parameters" section and want to override it, use the following code:

{aricolorbox opt_scalePhotos="true"}

See below list of available parameters: