Lightbox

PrettyPhoto

PrettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.

prettyPhoto for Text

Open image with prettyPhoto

[prettyPhoto title="Title of image" link="wp-content/uploads/2013/02/post_img_big_1.jpg" type="link" gallery="" style="" class="link-arrow"]Open image with prettyPhoto[/prettyPhoto]

Button prettyPhoto

Open image in prettyPhoto

[prettyPhoto title="Button prettyPhoto" link="wp-content/uploads/2013/02/post_img_big_2.jpg" type="button" gallery="" style="" class=""]Open image in prettyPhoto[/prettyPhoto]

prettyPhoto for elements:

 

[prettyPhoto title="Title for image" link="wp-content/uploads/2013/02/post_img_big_3.jpg" thumb="wp-content/uploads/2013/02/post_img_2.jpg" type="image" gallery="" style="" class=""]Open image with prettyPhoto[/prettyPhoto]

Image Gallery with prettyPhoto

     

[prettyPhoto title="Gallery prettyPhoto, Image 1" link="wp-content/uploads/2013/02/portfolio_big_img_1.jpg" thumb="wp-content/uploads/2013/02/post_thumb_1.jpg" type="image" gallery="1" style="" class=""][/prettyPhoto]

[prettyPhoto title="Gallery prettyPhoto, Image 2" link="wp-content/uploads/2013/02/portfolio_big_img_2.jpg" thumb="wp-content/uploads/2013/02/post_thumb_2.jpg" type="image" gallery="1" style="" class=""][/prettyPhoto]

[prettyPhoto title="Gallery prettyPhoto, Image 3" link="wp-content/uploads/2013/02/portfolio_big_img_3.jpg" thumb="wp-content/uploads/2013/02/post_thumb_4.jpg" type="image" gallery="1" style="" class=""][/prettyPhoto]

YouTube and Vimeo video in Lightbox

   

[prettyPhoto title="YouTube Video" link="http://www.youtube.com/watch?feature=player_embedded&v=5yB1XPzFzjk" thumb="" type="youtube" gallery="" style="" class=""][/prettyPhoto]

[prettyPhoto title="Vimeo Video" link="https://vimeo.com/16919307" thumb="" type="vimeo" gallery="" style="" class=""][/prettyPhoto]

prettyPhoto open in iframe

Open CNN website in iframe

[prettyPhoto title="CNN in iframe" link="http://www.cnn.com/?iframe=true&width=800&height=500" thumb="" type="button" gallery="" style="" class="btn_red"]Open CNN website in iframe[/prettyPhoto]

No comments yet.

Leave a Reply