Lightbox & Frames

Shortcode Usage

Lightbox and Frames

<img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" alt=" " />

Normal Style, Link To URL

<img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" alt=" " />

Border Style, Open image With Lightbox

<img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" alt=" " />

Solid Style, Open Video With Lightbox

<img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" alt=" " />

Rounded Corner, Open image With Lightbox

Get the code

<img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" alt=" " />

Normal Style, Link To URL

<img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" alt=" " />

Border Style, Open image With Lightbox

<img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" alt=" " />

Solid Style, Open Video With Lightbox

<img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img alt=" " data-src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="http://demo.goodlayers.com/versatile/wp-content/uploads/2013/11/photodune-5347441-the-brooklyn-bridge-in-new-york-city-m.jpg" alt=" " />

Rounded Corner, Open image With Lightbox

How About Circle Frame?

<img src="http://demo.goodlayers.com/flawless/wp-content/uploads/2013/11/phone.jpg" alt=" " />

Get the code

<img src="http://demo.goodlayers.com/flawless/wp-content/uploads/2013/11/phone.jpg" alt=" " />