ARI Colorbox system plugin helps load necessary client files for 'ARI Colorbox' and provides ability for using 'ARI Colorbox' on any page. It requires little knowledge of HTML.


How to show inline content?

Type the following HTML code:

<div class="ari_colorbox_hide" id="myColorContent">
    Test content
</div>
<a href="javascript:void(0);" class="aricolorbox {href: '#myColorContent', inline: true, width: 300, height: 200}" title="Title">
    Show HTML
</a>


How to show external page?

Type the following HTML code:

<a href="http://www.google.com" class="aricolorbox {iframe: true, width: 800, height: 450}">Gooooogle</a>


How to show image?

Type the following HTML code:

<a href="[path_to_image]" class="aricolorbox" title="Test Image">
    <img src="[path_to_thumbnail]" alt="" />
</a>


How to group items?

Use "rel" attribute for <A> for this purpose. In other words, type the following code:

<a href="[path_to_image]" class="aricolorbox" rel="gallery" title="Test Image">
    <img src="[path_to_thumbnail]" alt="" />
</a>
<a href="[path_to_image2]" class="aricolorbox" rel="gallery" title="Test Image 2">
    <img src="[path_to_thumbnail2]" alt="" />
</a>