[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][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 type=”image” title=”Title of Image” prettyPhoto=”” link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_1.jpg”]
Open image with prettyPhoto
[/lightbox]
[code]
[lightbox type=”image” title=”Title of Image” prettyPhoto=”” link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_1.jpg”]
Open image with prettyPhoto
[/lightbox]
[/code]

Button prettyPhoto

[lightbox_btn type=”image” title=”Button prettyPhoto” prettyPhoto=”” link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_1.jpg”]Open image in prettyPhoto[/lightbox_btn]
[code]
[lightbox_btn type=”image” title=”Button prettyPhoto” prettyPhoto=”” link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_3.jpg”]Open image inprettyPhoto[/lightbox_btn]
[/code]

prettyPhoto for elements:

[lightbox class=”frame_box” type=”iframe” title=”Title Image” prettyPhoto=”” link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_1.jpg”]
[/lightbox]
[code]
[lightbox class=”frame_box” type=”iframe” title=”Title Image” prettyPhoto=”” link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_1.jpg”]
[/lightbox]
[/code]

Image Gallery with prettyPhoto

[lightbox class=”frame_box” type=”image” title=”Image Title” prettyPhoto=”gal_1″ link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_1.jpg”]

[/lightbox]
[lightbox class=”frame_box” type=”image” title=”Image Title” prettyPhoto=”gal_1″ link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_3.jpg”]

[/lightbox]
[lightbox class=”frame_box” type=”image” title=”Image Title” prettyPhoto=”gal_1″ link=”http://perrylawrence.com/wp-content/uploads/2011/09/2.jpg”]

[/lightbox]
[code]
[lightbox class=”frame_box” type=”image” title=”Image Title” prettyPhoto=”gal_1″ link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_1.jpg”]

[/lightbox]
[lightbox class=”frame_box” type=”image” title=”Image Title” prettyPhoto=”gal_1″ link=”http://perrylawrence.com/wp-content/uploads/2011/09/entry_img_3.jpg”]

[/lightbox]
[lightbox class=”frame_box” type=”image” title=”Image Title” prettyPhoto=”gal_1″ link=”http://perrylawrence.com/wp-content/uploads/2011/09/2.jpg”]

[/lightbox]
[/code]

YouTube and Vimeo video in Lightbox

[lightbox type=”youtube” title=”youtube” link=”http://www.youtube.com/watch?v=5yB1XPzFzjk”]
YouTube Video
[/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 Video
[/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” title=”Google” link=”http://www.google.com?iframe=true&width=100%&height=100%”]
Google.com in iframe
[/lightbox_btn]
[lightbox_btn class=”button_link btn_blue” type=”iframe” title=”Yahoo” link=”http://www.yahoo.com?iframe=true&width=100%&height=100%”]
Yahoo in iframe
[/lightbox_btn]
[code]
[lightbox_btn class=”button_link btn_dark_red” type=”iframe” title=”Google” link=”http://www.google.com?iframe=true&width=100%&height=100%”]
Google.com in iframe
[/lightbox_btn]
[lightbox_btn class=”button_link btn_blue” type=”iframe” title=”Yahoo” link=”http://www.yahoo.com?iframe=true&width=100%&height=100%”]
Yahoo in iframe
[/lightbox_btn]
[/code]
[/raw] [/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Leave a Reply

Close Menu