PrettyPhoto

[raw]

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=”http://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=”http://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=”http://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=”http://www.harlanhouse.com/wp-content/uploads/entry_img_1.jpg”]
[/prettyPhoto] [prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 2″ gallery=”10″ link=”http://www.harlanhouse.com/wp-content/uploads/entry_img_3.jpg”]
[/prettyPhoto] [prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 3″ gallery=”10″ link=”http://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”] YouTube Vieo
[/prettyPhoto] 
[prettyPhoto type=”image” title=”Vimeo” link=”http://vimeo.com/16919307″] YouTube Vieo
[/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]&nbsp;
[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&amp;width=80%&amp;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&amp;width=900&amp;height=400"]
Yahoo in iframe
[/prettyPhoto]
[/raw]

Leave a Reply

Your email address will not be published.