With our 4 different style Lightbox : border, reflect, shadow and borderInner. effects.

Style Images Lightbox

[lightbox src=»images/shortcode/4.png» width=»224″ height=»190″ lightbox=»on» title=»Nulla ac convallis ipsum» align=»left» ] [lightbox src=»images/shortcode/5.png» width=»224″ height=»190″ lightbox=»on» title=»Nulla ac convallis ipsum» align=»left» style=»borderInner» ] [lightbox src=»images/shortcode/6.png» width=»224″ height=»190″ lightbox=»on» title=»Nulla ac convallis ipsum» align=»left» style=»shadow»] [clear] [lightbox src=»images/shortcode/7.png» width=»210″ height=»180″ lightbox=»on» title=»Nulla ac convallis ipsum» align=»left» style=»border»] [lightbox src=»images/shortcode/9.png» width=»224″ height=»190″ lightbox=»on» title=»Nulla ac convallis ipsum» align=»left» style=»reflect» ] [clear] [space height=»50″]

<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"> 

[lightbox src=»images/shortcode/1.png» width=»200″ height=»200″ lightbox=»on» title=»Nullam ultrices» align=»left»]

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"] 

[lightbox src=»images/shortcode/2.png» width=»200″ height=»200″ lightbox=»on» title=»IMAGE_TITLE» align=»right»]

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.

  • [lightbox src=»images/shortcode/4.png» width=»320″ height=»272″ lightbox=»on» title=»Nullam ultrices» align=»none»]
  • [lightbox src=»images/shortcode/6.png» width=»250″ height=»120″ lightbox=»on» title=»Nullam ultrices» align=»none»]
  • [lightbox src=»images/shortcode/1.png» width=»176″ height=»120″ lightbox=»on» title=»Nullam ultrices» align=»none»]
  • [lightbox src=»images/shortcode/7.png» width=»250″ height=»120″ lightbox=»on» title=»Nullam ultrices» align=»none»]
  • [lightbox src=»images/shortcode/2.png» width=»176″ height=»120″ lightbox=»on» title=»Nullam ultrices» align=»none»]
<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> 

1 comentario

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Publicar comentario