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.urban-ninja.com/wp-content/uploads/2012/02/entry_img_2.jpg”]
Open image with prettyPhoto
[/prettyPhoto]

[code]
[prettyPhoto class=”button_link_arrow” type=”image” title=”Title of Image” link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_2.jpg”]
Open image with prettyPhoto
[/prettyPhoto]
[/code]

Button prettyPhoto

[prettyPhoto class=”button_link_arrow btn_black_arrow” type=”button” title=”Button prettyPhoto” link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_1.jpg”]
Open image in prettyPhoto
[/prettyPhoto]
[code]
[prettyPhoto class=”button_link_arrow btn_black_arrow” type=”button” title=”Button prettyPhoto” link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_1.jpg”]
Open image in prettyPhoto
[/prettyPhoto]
[/code]

prettyPhoto for elements:

[prettyPhoto type=”image” title=”Text Title” link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_3.jpg”]

[/prettyPhoto]
[code]
[prettyPhoto type=”image” title=”Text Title” link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_3.jpg”]

[/prettyPhoto]
[/code]

Image Gallery with prettyPhoto

[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 1″ gallery=”10″ link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_1.jpg”]

[/prettyPhoto]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 2″ gallery=”10″ link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_3.jpg”]

[/prettyPhoto]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 3″ gallery=”10″ link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_2.jpg”]

[/prettyPhoto]

[code]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 1″ gallery=”10″ link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_1.jpg”]

[/prettyPhoto]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 2″ gallery=”10″ link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_3.jpg”]

[/prettyPhoto]
[prettyPhoto type=”image” title=”Image Gallery prettyPhoto, image 3″ gallery=”10″ link=”http://www.urban-ninja.com/wp-content/uploads/2012/02/entry_img_2.jpg”]

[/prettyPhoto]
[/code]

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]

[code]
[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]
[/code]

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]
[code]
[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]
[/code]
[/raw]

Leave a Reply

Your email address will not be published. Required fields are marked *