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" href="https://xnp.upjay.cn/strat/csswhpglp/wp-content/themes/magazinish/images/temp/2.jpg"] |
Open image in prettyPhoto |
[/prettyPhoto] |
Button prettyPhoto
[prettyPhoto title="Title of Image" href="https://xnp.upjay.cn/strat/csswhpglp/wp-content/themes/magazinish/images/temp/3.jpg"] |
[button link="#"]Open image in prettyPhoto[/button] |
[/prettyPhoto] |
prettyPhoto for elements:
[prettyPhoto title="Title of Image" href="https://xnp.upjay.cn/strat/csswhpglp/wp-content/themes/magazinish/images/temp/4.jpg"] |
<img src="https://xnp.upjay.cn/images/temp/post_4_3.html" alt=""> |
[/prettyPhoto] |
Image Gallery with prettyPhoto
[prettyPhoto_gallery id="gal_1"] |
[prettyPhoto title="Title of Image 1" href="https://xnp.upjay.cn/strat/csswhpglp/wp-content/themes/cafe-lounge/images/temp/2.jpg"]<img src="https://xnp.upjay.cn/strat/csswhpglp/images/temp/post_thumb_1.jpg" width="40" height="40" alt="">[/prettyPhoto] |
[prettyPhoto title="Title of Image 2" href="https://xnp.upjay.cn/strat/csswhpglp/wp-content/themes/cafe-lounge/images/temp/2.jpg"]<img src="https://xnp.upjay.cn/strat/csswhpglp/images/temp/post_thumb_2.jpg" width="40" height="40" alt="">[/prettyPhoto] |
[prettyPhoto title="Title of Image 3" href="https://xnp.upjay.cn/strat/csswhpglp/wp-content/themes/cafe-lounge/images/temp/2.jpg"]<img src="https://xnp.upjay.cn/strat/csswhpglp/images/temp/post_thumb_2.jpg" width="40" height="40" alt="">[/prettyPhoto] |
[/prettyPhoto_gallery] |
YouTube and Vimeo video in Lightbox
[prettyPhoto href="http://www.youtube.com/watch?v=1R0UHHkoGxU" title="YouTube Video"] |
<img src="https://xnp.upjay.cn/strat/csswhpglp/images/youtube_logo.png" alt="YouTube Vieo" width="60"> |
[/prettyPhoto] |
[prettyPhoto href="http://vimeo.com/20266292&width=600" title="Vimeo Video"] |
<img src="https://xnp.upjay.cn/strat/csswhpglp/images/vimeo_logo.png" alt="Vimeo Video" width="60"> |
[/prettyPhoto] |
prettyPhoto open in iframe
[prettyPhoto href="http://www.google.com/search?ie=UTF-8&oe=UTF-8&q=prettyphoto&iframe=true&width=900&height=500" title="Google in Frame"] |
[button link="#" style="btn_red"]Google.com in iframe[/button] |
[/prettyPhoto] |
[prettyPhoto href="http://www.cnn.com?iframe=true&width=600&height=300" title="Facebook in Frame"] |
[button link="#" style="btn_blue"]CNN in iframe[/button] |
[/prettyPhoto] |