Joomla! articles

Parent Previous Next

Set activeType attribute to article value if you want to show Joomla! article(s) into the lightbox. A sample code looks like:


{arisexylightbox activeType="article" width="500" height="450" id="97" title="Article"}

       Show article

{/arisexylightbox}


or


{arisexylightbox activeType="article" width="500" height="450" id="97,100,45" title="Articles"}

       <img src="images/thumb01.jpg" />

{/arisexylightbox}


The parameter on plugin settings are the same as parameter for ARI Sexy Lightbox module.



Attributes of {arisexylightbox} tag for Joomla! articles


● id is ID of article(s) which will be shown in the lightbox. If you want to show several articles into the lightbox, separate article IDs with commas or semicolons or spaces. Values: ID of article(s).


{arisexylightbox activeType="article" width="300" height="250" id="15" title="Article"}

       Show article

{/arisexylightbox}


or


{arisexylightbox activeType="article" width="300" height="250" id="15,9,120" title="Articles"}

       Show articles

{/arisexylightbox}


● width is a width of the lightbox. Values: enter an integer value (it will be value in pixels) or a value in percent (for example 90%).


{arisexylightbox activeType="article" width="300" height="250" id="97" title="Article"}

       Show article

{/arisexylightbox}


or


{arisexylightbox activeType="article" width="90%" height="250" id="19" title="Article"}

       Show article

{/arisexylightbox}


● height is a height of the lightbox. Values: enter an integer value (it will be value in pixels) or a value in percent (for example 60%).


{arisexylightbox activeType="article" width="300" height="250" id="25" title="Article"}

       Show article

{/arisexylightbox}


or


{arisexylightbox activeType="article" width="90%" height="60%" id="11" title="Article"}

       Show article

{/arisexylightbox}


● class is a CSS class which will be added to a link which will trigger the lightbox. If necessary add some styles for a link. Values: a string:


{arisexylightbox activeType="article" width="300" height="250" class="myClass" id="97" title="Article"}

       Show article

{/arisexylightbox}


● link is a text of a link which will trigger the lightbox. Values: a string:


{arisexylightbox activeType="article" width="300" height="250" link="Show article" id="97" title="Article"}{/arisexylightbox}


If you want to use a HTML code (for example use an image as a link), enter a link text between {arisexylightbox} and {/arisexylightbox} tags:


{arisexylightbox activeType="article" width="300" height="250" id="97" title="Article"}

       <img src="images/thumb01.jpg" />

{/arisexylightbox}



● title is a lightbox titile. Values: a string.


{arisexylightbox activeType="article" width="300" height="250" id="23" title="Sample title"}

       Show article

{/arisexylightbox}