Inline content

How to show inline content?

Use the following HTML code:

<div style="display: none;" id="mySexyContent">

   Test content

</div>

<a href="#TB_inline?height=125&width=500&inlineId=mySexyContent" rel="sexylightbox" title="Sample content">

   Show HTML

</a>

Value of "id" attribute of <DIV> tag with a content should be the same as value of "inlineId" variable from value of "href" attribute of <A> tag. That value should be unique for each new instance on a page. It means if you want to show several inline content into the lightbox on a page, use the following code:

<div style="display: none;" id="mySexyContent">

   The first content

</div>

<a href="#TB_inline?height=125&width=500&inlineId=mySexyContent" rel="sexylightbox" title="Title">

   Show HTML

</a>

<div style="display: none;" id="mySecondContent">

   The second content

</div>

<a href="#TB_inline?height=200&width=400&inlineId=mySecondContent" rel="sexylightbox" title="Title">

   Show HTML

</a>

The following code is incorrect:

<div style="display: none;" id="mySexyContent">

   The first content

</div>

<a href="#TB_inline?height=125&width=500&inlineId=mySexyContent" rel="sexylightbox" title="Title">

   Show HTML

</a>

<div style="display: none;" id="mySexyContent">

   The second content

</div>

<a href="#TB_inline?height=200&width=400&inlineId=mySexyContent" rel="sexylightbox" title="Title">

   Show HTML

</a>