- Written by : Super User
- Created: 22 February 2013
Style Images Lightbox
<lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" > <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="borderInner" > <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="shadow"> <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="border"> <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="reflect">
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
[lightbox src='IMAGE_SRC' width="200" height="200" lightbox="on" align="left" title="IMAGE_TITLE"]
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
[lightbox src='IMAGE_SRC' width="200" height="200" lightbox="on" align="right" title="IMAGE_TITLE"]
More examples
Explore all your options with the various grid classes available to you. You can also mix and match different sizes.
<ul class="blank"> <li class="col-lg-5"> [lightbox src='IMAGE_SRC' width="327" height="273" lightbox="on" align="none" title="IMAGE_TITLE"] </li> <li class="col-lg-4"> [lightbox src='IMAGE_SRC' width="255" height="120" lightbox="on" align="none" title="IMAGE_TITLE"] </li> <li class="col-lg-3"> [lightbox src='IMAGE_SRC' width="183" height="120" lightbox="on" align="none" title="IMAGE_TITLE"] </li> <li class="col-lg-4"> [lightbox src='IMAGE_SRC' width="255" height="120" lightbox="on" align="none" title="IMAGE_TITLE"] </li> <li class="col-lg-3"> [lightbox src='IMAGE_SRC' width="183" height="120" lightbox="on" align="none" title="IMAGE_TITLE"] </li> </ul>