For anyone else who is interested here is the syntax for using the 'data-lightbox' attribute:
Code:
<a href="images/my_image.jpg" data-lightbox="width:800px;height:600px;">
[img]images/my_image.jpg[/img]
</a>
That will produce one 'single' light box 800px x 600px wide.
Code:
<a href="images/my_image.jpg" data-lightbox="group:group1;width:800px;height:600px;">
[img]images/my_image.jpg[/img]
</a>
<a href="images/my_image_2.jpg" data-lightbox="group:group1;width:800px;height:600px;">
[img]images/my_image_2.jpg[/img]
</a>
<a href="images/my_image_3.jpg" data-lightbox="group:group2;width:800px;height:600px;">
[img]images/my_image_3.jpg[/img]
</a>
<a href="images/my_image_4.jpg" data-lightbox="group:group2;width:800px;height:600px;">
[img]images/my_image_4.jpg[/img]
</a>
That will produce two 800px x 600px lightbox 'groups' that contain two elements each.
Bookmarks