Lightbox

[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

[lightbox class=”” type=”image” title=”Title of Image” prettyPhoto=”” link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/item_img_big_3.jpg”] Open image with prettyPhoto
[/lightbox] [code] [lightbox class=”” type=”image” title=”Title of Image” prettyPhoto=”” link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/item_img_big_3.jpg”] Open image with prettyPhoto
[/lightbox] [/code]

Button prettyPhoto

[lightbox_btn class=”button_link” type=”image” title=”Button prettyPhoto” prettyPhoto=”” link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/item_img_big_4.jpg”]Open image in prettyPhoto[/lightbox_btn] [code] [lightbox_btn class=”button_link” type=”image” title=”Button prettyPhoto” prettyPhoto=”” link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/item_img_big_4.jpg”]Open image in prettyPhoto[/lightbox_btn] [/code]

prettyPhoto for elements:


[lightbox class=”” type=”iframe” title=”Title Image” prettyPhoto=”” link=”http://localhost:8080/videogrid/wp-content/uploads/2011/12/item_img_big_2.jpg”]Text Title
[/lightbox]

[code] [lightbox class=”” type=”iframe” title=”Title Image” prettyPhoto=”” link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/item_img_big_2.jpg”]Text Title
[/lightbox] [/code]

Image Gallery with prettyPhoto

[lightbox type=”image” title=”Image Gallery prettyPhoto, image 1″ prettyPhoto=”gal_1″ link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/post_img_1.jpg”]
[/lightbox] [lightbox type=”image” title=”Image Gallery prettyPhoto, image 2″ prettyPhoto=”gal_1″ link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/post_img_2.jpg”]
[/lightbox] [lightbox type=”image” title=”Image Gallery prettyPhoto, image 3″ prettyPhoto=”gal_1″ link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/post_img_3.jpg”]
[/lightbox]

[code] [lightbox type=”image” title=”Image Gallery prettyPhoto, image 1″ prettyPhoto=”gal_1″ link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/post_img_1.jpg”]
[/lightbox] [lightbox type=”image” title=”Image Gallery prettyPhoto, image 2″ prettyPhoto=”gal_1″ link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/post_img_2.jpg”]
[/lightbox] [lightbox type=”image” title=”Image Gallery prettyPhoto, image 3″ prettyPhoto=”gal_1″ link=”http://baltusdesign.16mb.com/wp-content/uploads/2012/01/post_img_3.jpg”]
[/lightbox] [/code]

YouTube and Vimeo video in Lightbox

[lightbox type=”youtube” title=”youtube” link=”http://www.youtube.com/watch?v=5yB1XPzFzjk”] YouTube Vieo
[/lightbox]  
[lightbox type=”vimeo” title=”vimeo” link=”http://vimeo.com/16919307″] Vimeo Video
[/lightbox]

[code] [lightbox type=”youtube” title=”youtube” link=”http://www.youtube.com/watch?v=5yB1XPzFzjk”] YouTube Vieo
[/lightbox] [lightbox type=”vimeo” title=”vimeo” link=”http://vimeo.com/16919307″] Vimeo Video
[/lightbox] [/code]

prettyPhoto open in iframe

[lightbox_btn class=”button_link btn_dark_red” type=”iframe” prettyPhoto=”iframe” title=”Msn” link=”http://www.msn.com/?iframe=true&width=80%&height=80%”] MSN.com in iframe
[/lightbox_btn]  
[lightbox_btn class=”button_link btn_blue” type=”iframe” prettyPhoto=”iframe” title=”Yahoo ” link=”http://www.yahoo.com?iframe=true&width=900&height=400″] Yahoo in iframe
[/lightbox_btn] [code] [lightbox_btn class=”button_link btn_dark_red” type=”iframe” prettyPhoto=”iframe” title=”Msn” link=”http://www.msn.com/?iframe=true&width=80%&height=80%”] MSN.com in iframe
[/lightbox_btn] [lightbox_btn class=”button_link btn_blue” type=”iframe” prettyPhoto=”iframe” title=”Yahoo ” link=”http://www.yahoo.com?iframe=true&width=900&height=400″] Yahoo in iframe
[/lightbox_btn] [/code] [/raw]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *