Lightbox

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://competizione.nl/wp-content/uploads/2013/04/post_img_big_1.jpg” thumb=”” type=”link” gallery=”” style=”” class=””]Open image with prettyPhoto[/prettyPhoto]
[code][prettyPhoto title=”Title of image” link=”../wp-content/uploads/2013/04/post_img_big_1.jpg” thumb=”” type=”link” gallery=”” style=”” class=””]Open image with prettyPhoto[/prettyPhoto][/code]

[title type=”h3″ class=””]Button PrettyPhoto[/title]
[prettyPhoto title=”Button prettyPhoto” link=”http://competizione.nl/wp-content/uploads/2013/04/post_img_big_2.jpg” thumb=”” type=”button” gallery=”” style=”” class=””]Open image in prettyPhoto[/prettyPhoto]
[code][prettyPhoto title=”Button prettyPhoto” link=”../wp-content/uploads/2013/04/post_img_big_2.jpg” thumb=”” type=”button” gallery=”” style=”” class=””]Open image with prettyPhoto[/prettyPhoto][/code]

[title type=”h3″ class=””]PrettyPhoto for elements:[/title]
[prettyPhoto title=”Text Title” link=”http://competizione.nl/wp-content/uploads/2013/04/post_img_big_3.jpg” thumb=”http://competizione.nl/wp-content/uploads/2013/04/post_img_2.jpg” type=”image” gallery=”” style=”” class=””]Open image with prettyPhoto[/prettyPhoto]
[code][prettyPhoto title=”Text Title” link=”../wp-content/uploads/2013/04/post_img_big_3.jpg” thumb=”../wp-content/uploads/2013/04/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=”Image Gallery prettyPhoto, image 1″ link=”http://competizione.nl/wp-content/uploads/2013/05/prod_gallery_1.jpg” thumb=”http://competizione.nl/wp-content/uploads/2013/05/post_thumb_1.jpg” type=”image” gallery=”g1″ style=”” class=””]Open image with prettyPhoto[/prettyPhoto]

[prettyPhoto title=”Image Gallery prettyPhoto, image 2″ link=”http://competizione.nl/wp-content/uploads/2013/05/prod_gallery_2.jpg” thumb=”http://competizione.nl/wp-content/uploads/2013/05/post_thumb_2.jpg” type=”image” gallery=”g1″ style=”” class=””]Open image with prettyPhoto[/prettyPhoto]

[prettyPhoto title=”Image Gallery prettyPhoto, image 3″ link=”http://competizione.nl/wp-content/uploads/2013/05/prod_gallery_3.jpg” thumb=”http://competizione.nl/wp-content/uploads/2013/05/post_thumb_3.jpg” type=”image” gallery=”g1″ style=”” class=””]Open image with prettyPhoto[/prettyPhoto]

[/raw]

[code]
[prettyPhoto title=”Image Gallery prettyPhoto, image 1″ link=”../wp-content/uploads/2013/05/prod_gallery_1.jpg” thumb=”../wp-content/uploads/2013/05/post_thumb_1.jpg” type=”image” gallery=”g1″ style=”” class=””]Open image with prettyPhoto[/prettyPhoto]

[prettyPhoto title=”Image Gallery prettyPhoto, image 2″ link=”../wp-content/uploads/2013/05/prod_gallery_2.jpg” thumb=”../wp-content/uploads/2013/05/post_thumb_2.jpg” type=”image” gallery=”g1″ style=”” class=””]Open image with prettyPhoto[/prettyPhoto]

[prettyPhoto title=”Image Gallery prettyPhoto, image 3″ link=”../wp-content/uploads/2013/05/prod_gallery_3.jpg” thumb=”../wp-content/uploads/2013/05/post_thumb_3.jpg” type=”image” gallery=”g1″ style=”” class=””]Open image with prettyPhoto[/prettyPhoto]
[/code]

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

[prettyPhoto title=”YouTube Vieo” link=”http://www.youtube.com/watch?feature=player_embedded&v=5yB1XPzFzjk” thumb=”” type=”youtube” gallery=”” style=”” class=””]Open image with prettyPhoto[/prettyPhoto]

[prettyPhoto title=”Vimeo Video” link=”http://vimeo.com/16919307#” thumb=”” type=”vimeo” gallery=”” style=”” class=””]Open image with prettyPhoto[/prettyPhoto]

[/raw]

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

[prettyPhoto title=”Vimeo Video” link=”http://vimeo.com/16919307#” thumb=”” type=”vimeo” gallery=”” style=”” class=””]Open image with prettyPhoto[/prettyPhoto]
[/code]

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

[code]
[prettyPhoto title=”CNN in iframe” link=”http://www.cnn.com/?iframe=true&width=990&height=600″ thumb=”” type=”button” gallery=”” style=”” class=””]Open CNN website in iframe[/prettyPhoto]

[prettyPhoto title=”CNN in iframe” link=”http://www.cnn.com/?iframe=true&width=990&height=600″ thumb=”” type=”button” gallery=”” style=”” class=”btn_blue”]Open CNN website in iframe[/prettyPhoto]
[/code]

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *