Inline content

Parent Previous Next

Set activeType attribute to icontent value if you want to show inline content into the lightbox. A sample code looks like:


{arisexylightbox activeType="icontent" width="300" height="250" link="Click me" title="Hidden text"}

       Inline content which you want to show in sexy lightbox goes here.

{/arisexylightbox}


or


{arisexylightbox activeType="icontent" width="300" height="250" title="Hidden text"}

       {link}<img src="images/thumb01.jpg" />{/link}

       {content}Inline content which you want to show in sexy lightbox goes here.{/content}

{/arisexylightbox}


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



Attributes of {arisexylightbox} tag for inline content


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="icontent" width="300" height="250" link="Click me" title="Hidden text"}

       Inline content which you want to show in sexy lightbox goes here.

{/arisexylightbox}


or


{arisexylightbox activeType="icontent" width="90%" height="250" link="Click me" title="Hidden text"}

       Inline content which you want to show in sexy lightbox goes here.

{/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="icontent" width="300" height="250" link="Click me" title="Hidden text"}

       Inline content which you want to show in sexy lightbox goes here.

{/arisexylightbox}


or


{arisexylightbox activeType="icontent" width="90%" height="60%" link="Click me" title="Hidden text"}

       Inline content which you want to show in sexy lightbox goes here.

{/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="icontent" width="300" height="250" class="myClass" link="Click me" title="Sample title"}

       Sample content

{/arisexylightbox}


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


{arisexylightbox activeType="icontent" width="300" height="250" link="Click me" title="Sample title"}{/arisexylightbox}


If you want to use a HTML code (for example use an image as a link), use {link} tag inside {arisexylightbox} tag:


{arisexylightbox activeType="icontent" width="300" height="250" title="Sample title"}

       {link}<img src="images/thumb01.jpg" />{/link}

       {content}Sample content{/content}

{/arisexylightbox}



title is a lightbox titile. Values: a string.


{arisexylightbox activeType="icontent" width="300" height="250" link="Click me" title="Sample title"}

       Sample content

{/arisexylightbox}