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
[prettyPhoto class=”” type=”image” title=”Title of Image” link=”http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_2.jpg”] Open image with prettyPhoto[/prettyPhoto]
[prettyPhoto class="" type="image" title="Title of Image" link="http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_2.jpg"]
Open image with prettyPhoto
[/prettyPhoto]
Button prettyPhoto
[prettyPhoto class=”button_link_arrow btn_black_arrow” type=”button” title=”Button prettyPhoto” link=”http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_3.jpg”] Open image in prettyPhoto[/prettyPhoto]
[prettyPhoto class="button_link_arrow btn_black_arrow" type="button" title="Button prettyPhoto" link="http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_3.jpg"]
Open image in prettyPhoto
[/prettyPhoto]
prettyPhoto for elements:
[prettyPhoto type=”image” title=”Text Title” link=”http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_1.jpg”]
[/prettyPhoto]
[prettyPhoto type="image" title="Text Title" link="http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_1.jpg"]
<img src="http://www.jill-lynn.com/wp-content/uploads/2012/04/portfolio_big_img_6.jpg" width="285" height="202" alt="" class="frame_box" />
[/prettyPhoto]
Image Gallery with prettyPhoto
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 1″ gallery=”10″ link=”http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_1.jpg”]
[/prettyPhoto]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 2″ gallery=”10″ link=”http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_3.jpg”]
[/prettyPhoto]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 3″ gallery=”10″ link=”http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_2.jpg”]
[/prettyPhoto]
[prettyPhoto type="image" title="Image Gallery prettyPhoto, image 1" gallery="10" link="http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_1.jpg"]
<img src="http://www.jill-lynn.com/wp-content/uploads/2012/04/flickr_photo_1.jpg" width="75" height="75" alt="" />
[/prettyPhoto]
[prettyPhoto type="image" title="Image Gallery prettyPhoto, image 2" gallery="10" link="http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_3.jpg"]
<img src="http://www.jill-lynn.com/wp-content/uploads/2012/04/flickr_photo_2.jpg" width="75" height="75" alt="" />
[/prettyPhoto]
[prettyPhoto type="image" title="Image Gallery prettyPhoto, image 3" gallery="10" link="http://www.jill-lynn.com/wp-content/uploads/2012/04/entry_img_2.jpg"]
<img src="http://www.jill-lynn.com/wp-content/uploads/2012/04/flickr_photo_4.jpg" width="75" height="75" alt="" />
[/prettyPhoto]
YouTube and Vimeo video in Lightbox
[prettyPhoto type=”image” title=”Youtube” link=”http://www.youtube.com/watch?v=5yB1XPzFzjk”]
[/prettyPhoto]
[prettyPhoto type=”image” title=”Vimeo” link=”http://vimeo.com/16919307″]
[/prettyPhoto]
[prettyPhoto type="image" title="Youtube" link="http://www.youtube.com/watch?v=5yB1XPzFzjk"]
<img src="http://www.jill-lynn.com/wp-content/uploads/2012/04/YouTube_logo.png" alt="YouTube Vieo" width="60" />
[/prettyPhoto]
[prettyPhoto type="image" title="Vimeo" link="http://vimeo.com/16919307"]
<img src="http://www.jill-lynn.com/wp-content/uploads/2012/04/Vimeo_logo.png" alt="YouTube Vieo" width="60" />
[/prettyPhoto]
prettyPhoto open in iframe
[prettyPhoto class=”” gallery=”iframe” type=”button” title=”MSN” link=”http://www.msn.com/?iframe=true&width=900&height=400″] MSN.com in iframe[/prettyPhoto] [prettyPhoto class=”btn_blue” gallery=”iframe” type=”button” title=”CNN” link=”http://www.cnn.com/?iframe=true&width=990&height=600″] CNN in iframe
[/prettyPhoto]
[prettyPhoto class="" gallery="iframe" type="button" title="MSN" link="http://www.msn.com/?iframe=true&width=900&height=400"]
MSN.com in iframe
[/prettyPhoto]
[prettyPhoto class="btn_blue" gallery="iframe" type="button" title="CNN" link="http://www.cnn.com/?iframe=true&width=990&height=600"]
CNN in iframe
[/prettyPhoto]