Lightbox

[title type=»h2″ class=»»]PrettyPhoto[/title]

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.

[title type=»h3″ class=»»]prettyPhoto for Text[/title]
[prettyPhoto title=»Title of image» link=»http://codelearn.es/wp/wp-content/uploads/2013/02/post_img_big_1.jpg» type=»link» gallery=»» style=»» class=»link-arrow»]Open image with prettyPhoto[/prettyPhoto]
[code][prettyPhoto title=»Title of image» link=»wp-content/uploads/2013/02/post_img_big_1.jpg» type=»link» gallery=»» style=»» class=»link-arrow»]Open image with prettyPhoto[/prettyPhoto][/code]

[title type=»h3″ class=»»]Button prettyPhoto[/title]
[prettyPhoto title=»Button prettyPhoto» link=»http://codelearn.es/wp/wp-content/uploads/2013/02/post_img_big_2.jpg» type=»button» gallery=»» style=»» class=»»]Open image in prettyPhoto[/prettyPhoto]
[code][prettyPhoto title=»Button prettyPhoto» link=»wp-content/uploads/2013/02/post_img_big_2.jpg» type=»button» gallery=»» style=»» class=»»]Open image in prettyPhoto[/prettyPhoto][/code]

[title type=»h3″ class=»»]prettyPhoto for elements:[/title]
[prettyPhoto title=»Title for image» link=»http://codelearn.es/wp/wp-content/uploads/2013/02/post_img_big_3.jpg» thumb=»http://codelearn.es/wp/wp-content/uploads/2013/02/post_img_2.jpg» type=»image» gallery=»» style=»» class=»»]Open image with prettyPhoto[/prettyPhoto]
[code][prettyPhoto title=»Title for image» link=»wp-content/uploads/2013/02/post_img_big_3.jpg» thumb=»wp-content/uploads/2013/02/post_img_2.jpg» type=»image» gallery=»» style=»» class=»»]Open image with prettyPhoto[/prettyPhoto][/code]

[title type=»h3″ class=»»]Image Gallery with prettyPhoto[/title]

[raw]
[prettyPhoto title=»Gallery prettyPhoto, Image 1″ link=»http://codelearn.es/wp/wp-content/uploads/2013/02/portfolio_big_img_1.jpg» thumb=»http://codelearn.es/wp/wp-content/uploads/2013/02/post_thumb_1.jpg» type=»image» gallery=»1″ style=»» class=»»][/prettyPhoto]

[prettyPhoto title=»Gallery prettyPhoto, Image 2″ link=»http://codelearn.es/wp/wp-content/uploads/2013/02/portfolio_big_img_2.jpg» thumb=»http://codelearn.es/wp/wp-content/uploads/2013/02/post_thumb_2.jpg» type=»image» gallery=»1″ style=»» class=»»][/prettyPhoto]

[prettyPhoto title=»Gallery prettyPhoto, Image 3″ link=»http://codelearn.es/wp/wp-content/uploads/2013/02/portfolio_big_img_3.jpg» thumb=»http://codelearn.es/wp/wp-content/uploads/2013/02/post_thumb_4.jpg» type=»image» gallery=»1″ style=»» class=»»][/prettyPhoto]
[/raw]
[code]
[prettyPhoto title=»Gallery prettyPhoto, Image 1″ link=»wp-content/uploads/2013/02/portfolio_big_img_1.jpg» thumb=»wp-content/uploads/2013/02/post_thumb_1.jpg» type=»image» gallery=»1″ style=»» class=»»][/prettyPhoto]

[prettyPhoto title=»Gallery prettyPhoto, Image 2″ link=»wp-content/uploads/2013/02/portfolio_big_img_2.jpg» thumb=»wp-content/uploads/2013/02/post_thumb_2.jpg» type=»image» gallery=»1″ style=»» class=»»][/prettyPhoto]

[prettyPhoto title=»Gallery prettyPhoto, Image 3″ link=»wp-content/uploads/2013/02/portfolio_big_img_3.jpg» thumb=»wp-content/uploads/2013/02/post_thumb_4.jpg» type=»image» gallery=»1″ style=»» class=»»][/prettyPhoto]
[/code]

[title type=»h3″ class=»»]YouTube and Vimeo video in Lightbox [/title]

[raw]
[prettyPhoto title=»YouTube Video» link=»http://www.youtube.com/watch?feature=player_embedded&v=5yB1XPzFzjk» thumb=»» type=»youtube» gallery=»» style=»» class=»»][/prettyPhoto]

[prettyPhoto title=»Vimeo Video» link=»https://vimeo.com/16919307″ thumb=»» type=»vimeo» gallery=»» style=»» class=»»][/prettyPhoto]
[/raw]

[code][prettyPhoto title=»YouTube Video» link=»http://www.youtube.com/watch?feature=player_embedded&v=5yB1XPzFzjk» thumb=»» type=»youtube» gallery=»» style=»» class=»»][/prettyPhoto]

[prettyPhoto title=»Vimeo Video» link=»https://vimeo.com/16919307″ thumb=»» type=»vimeo» gallery=»» style=»» class=»»][/prettyPhoto][/code]

[title type=»h3″ class=»»]prettyPhoto open in iframe[/title]
[prettyPhoto title=»CNN in iframe» link=»http://www.cnn.com/?iframe=true&width=800&height=500″ thumb=»» type=»button» gallery=»» style=»» class=»btn_red»]Open CNN website in iframe[/prettyPhoto]
[code][prettyPhoto title=»CNN in iframe» link=»http://www.cnn.com/?iframe=true&width=800&height=500″ thumb=»» type=»button» gallery=»» style=»» class=»btn_red»]Open CNN website in iframe[/prettyPhoto][/code]