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 title=”Title of Image” link=”http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_1.jpg” type=”link” gallery=”” style=”” class=”link-arrow”]Open image with prettyPhoto[/prettyPhoto]
[prettyPhoto title="Title of Image" link="http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_1.jpg" type="link" class="link-arrow"]Open image with prettyPhoto[/prettyPhoto]
Button prettyPhoto
[prettyPhoto title=”” link=”http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_2.jpg” type=”button” gallery=”” style=”” class=”button_link”]Open image in prettyPhoto[/prettyPhoto]
[prettyPhoto title="" link="http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_2.jpg" type="button" class="button_link"]Open image in prettyPhoto[/prettyPhoto]
prettyPhoto for elements:
[prettyPhoto title=”Title Image” link=”http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_2.jpg” type=”link” ]
[/prettyPhoto]
[prettyPhoto title="Title Image" link="http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_2.jpg" type="link" ]<img src="http://indiebandguru.com/wp-content/uploads/2012/11/entry_2.jpg" class="frame_box" width="219" height="140" />[/prettyPhoto]
Image Gallery with prettyPhoto
[prettyPhoto title=”Image Gallery prettyPhoto, image 1″ link=”http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_1.jpg” type=”link” gallery=”gal_1″]
[/prettyPhoto] [prettyPhoto title=”Image Gallery prettyPhoto, image 2″ link=”http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_2.jpg” type=”link” gallery=”gal_1″]
[/prettyPhoto] [prettyPhoto title=”Image Gallery prettyPhoto, image 3″ link=”http://indiebandguru.com/wp-content/uploads/2012/11/entry_img_2.jpg” type=”link” gallery=”gal_1″]
[/prettyPhoto]
[prettyPhoto title="Image Gallery prettyPhoto, image 1" link="http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_1.jpg" type="link" gallery="gal_1"]<img src="http://indiebandguru.com/wp-content/uploads/2012/11/post_thumb_1.jpg" width="78" height="78"/>[/prettyPhoto]</p> <p>[prettyPhoto title="Image Gallery prettyPhoto, image 2" link="http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_2.jpg" type="link" gallery="gal_1"]<img src="http://indiebandguru.com/wp-content/uploads/2012/11/post_thumb_2.jpg" width="78" height="78""/>[/prettyPhoto]</p> <p>[prettyPhoto title="Image Gallery prettyPhoto, image 3" link="http://indiebandguru.com/wp-content/uploads/2012/11/entry_big_2.jpg" type="link" gallery="gal_1"]<img src="http://indiebandguru.com/wp-content/uploads/2012/11/post_thumb_4.jpg" width="78" height="78"/>[/prettyPhoto]
YouTube and Vimeo video in Lightbox
[prettyPhoto title=”youtube” link=”http://www.youtube.com/watch?v=5yB1XPzFzjk” type=”link” ]
[/prettyPhoto] [prettyPhoto title=”vimeo” link=”http://vimeo.com/16919307″ type=”link” gallery=”” style=”” class=””]
[/prettyPhoto]
[prettyPhoto title="youtube" link="http://www.youtube.com/watch?v=5yB1XPzFzjk" type="link" ]<img src="http://indiebandguru.com/wp-content/uploads/2012/11/YouTube_logo.png" alt="YouTube Video" width="60" />[/prettyPhoto]<br /> [prettyPhoto title="vimeo" link="http://vimeo.com/16919307" type="link" ]<img src="http://indiebandguru.com/wp-content/uploads/2012/11/Vimeo_logo.png" alt="Vimeo Video" width="60" />[/prettyPhoto]
prettyPhoto open in iframe
[prettyPhoto title=”CNN in iframe” link=”http://www.cnn.com/?iframe=true&width=990&height=600″ type=”button” class=”button_link btn_pink”]Open CNN website in iframe[/prettyPhoto]
[prettyPhoto title="CNN in iframe" link="http://www.cnn.com/?iframe=true&width=990&height=600" type="button" class="button_link btn_pink"]Open CNN website in iframe[/prettyPhoto]<br />