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=”button_link_arrow” type=”image” title=”Title of Image” link=”https://www.harlanhouse.com/wp-content/uploads/entry_img_2.jpg”] Open image with prettyPhoto[/prettyPhoto]
[prettyPhoto class="button_link_arrow" type="image" title="Title of Image" link="http://www.harlanhouse.com/wp-content/uploads/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=”https://www.harlanhouse.com/wp-content/uploads/entry_img_1.jpg”] Open image in prettyPhoto[/prettyPhoto]
[prettyPhoto class="button_link_arrow btn_black_arrow" type="button" title="Button prettyPhoto" link="http://www.harlanhouse.com/wp-content/uploads/entry_img_1.jpg"]
Open image in prettyPhoto
[/prettyPhoto]
prettyPhoto for elements:
[prettyPhoto type=”image” title=”Text Title” link=”https://www.harlanhouse.com/wp-content/uploads/entry_img_3.jpg”]
[/prettyPhoto]
[prettyPhoto type="image" title="Text Title" link="http://www.harlanhouse.com/wp-content/uploads/entry_img_3.jpg"]
<img src="http://www.harlanhouse.com/wp-content/uploads/entry_img_3.jpg" width="262" height="193" alt="" class="frame_box" />
[/prettyPhoto]
Image Gallery with prettyPhoto
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 1″ gallery=”10″ link=”https://www.harlanhouse.com/wp-content/uploads/entry_img_1.jpg”]
[/prettyPhoto]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 2″ gallery=”10″ link=”https://www.harlanhouse.com/wp-content/uploads/entry_img_3.jpg”]
[/prettyPhoto]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 3″ gallery=”10″ link=”https://www.harlanhouse.com/wp-content/uploads/entry_img_2.jpg”]
[/prettyPhoto]
[prettyPhoto type="image" title="Image Gallery prettyPhoto, image 1" gallery="10" link="http://www.harlanhouse.com/wp-content/uploads/entry_img_1.jpg"]
<img src="http://www.harlanhouse.com/wp-content/uploads/gavatar_1.jpg" width="56" height="56" alt="" class="frame_box" />
[/prettyPhoto]
[prettyPhoto type="image" title="Image Gallery prettyPhoto, image 2" gallery="10" link="http://www.harlanhouse.com/wp-content/uploads/entry_img_3.jpg"]
<img src="http://www.harlanhouse.com/wp-content/uploads/gavatar_2.jpg" width="56" height="56" alt="" class="frame_box" />
[/prettyPhoto]
[prettyPhoto type="image" title="Image Gallery prettyPhoto, image 3" gallery="10" link="http://www.harlanhouse.com/wp-content/uploads/entry_img_2.jpg"]
<img src="http://www.harlanhouse.com/wp-content/uploads/gavatar_3.jpg" width="56" height="56" alt="" class="frame_box" />
[/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="https://www.harlanhouse.com/wp-content/uploads/2012/02/YouTube_logo.png" alt="YouTube Vieo" width="48" />
[/prettyPhoto]
[prettyPhoto type="image" title="Vimeo" link="http://vimeo.com/16919307"]
<img src="https://www.harlanhouse.com/wp-content/uploads/2012/02/Vimeo_logo.png" alt="YouTube Vieo" width="48" />
[/prettyPhoto]
prettyPhoto open in iframe
[prettyPhoto class=”button_link_arrow btn_yellow_arrow” gallery=”iframe” type=”button” title=”MSN” link=”http://www.msn.com/?iframe=true&width=80%&height=80%”] MSN.com in iframe[/prettyPhoto] [prettyPhoto class=”button_link_arrow btn_yellow_arrow” gallery=”iframe” type=”button” title=”Yahoo” link=”http://www.yahoo.com?iframe=true&width=900&height=400″] Yahoo in iframe
[/prettyPhoto]
[prettyPhoto class="button_link_arrow btn_yellow_arrow" gallery="iframe" type="button" title="MSN" link="http://www.msn.com/?iframe=true&width=80%&height=80%"]
MSN.com in iframe
[/prettyPhoto]
[prettyPhoto class="button_link_arrow btn_yellow_arrow" gallery="iframe" type="button" title="Yahoo" link="http://www.yahoo.com?iframe=true&width=900&height=400"]
Yahoo in iframe
[/prettyPhoto]