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>