{"id":465,"date":"2012-06-27T06:43:14","date_gmt":"2012-06-27T06:43:14","guid":{"rendered":"http:\/\/localhost\/thepractice\/?page_id=465"},"modified":"2012-06-27T06:43:14","modified_gmt":"2012-06-27T06:43:14","slug":"shortcodes-lightbox","status":"publish","type":"page","link":"https:\/\/www.jamesurbanic.com\/?page_id=465","title":{"rendered":"Shortcodes: Lightbox"},"content":{"rendered":"<p><strong>PrettyPhoto<\/strong> is a jQuery <strong>lightbox clone<\/strong>. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It\u2019s a full  blown media lightbox.<\/p>\n<h3>prettyPhoto for Text<\/h3>\n<script type=\"text\/javascript\">\r\n                                jQuery(document).ready(function($) {\r\n\t\t\t\t\t\t\t        jQuery('a[data-rel]').each(function() {\r\n\t\t\t\t\t\t\t        jQuery(this).attr('rel', jQuery(this).data('rel'));\r\n\t\t\t\t\t\t\t    });\r\n\t\t\t\t\t\t\t    jQuery(\"a[rel^='prettyPhoto']\").prettyPhoto({social_tools:false});\r\n\t\t\t\t\t\t        });\r\n\t\t\t\t\t\t        <\/script><p><a href=\"http:\/\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_05.jpg\" data-rel=\"prettyPhoto[p_591]\" class=\"link-arrow\" title=\"Title of Image\" >Open image with prettyPhoto<\/a><\/p>\n<pre class=\"brush: plain\">\n[prettyPhoto title=\"Title of Image\" link=\"http:\/\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_05.jpg\" type=\"link\" gallery=\"\" style=\"\" class=\"link-arrow\" paragraph=\"true\"]Open image with prettyPhoto[\/prettyPhoto]\n<\/pre>\n<h3>Button prettyPhoto<\/h3>\n<p><a href=\"http:\/\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_04.jpg\" data-rel=\"prettyPhoto[p_112]\" class=\"button_link \"  title=\"Button prettyPhoto\"><span>Open image in prettyPhoto<\/span><\/a><\/p>\n<pre class=\"brush: plain\">\n[prettyPhoto title=\"Button prettyPhoto\" link=\"http:\/\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_04.jpg\" type=\"button\" gallery=\"\" style=\"\" class=\"\" paragraph=\"true\"]Open image in prettyPhoto[\/prettyPhoto]\n<\/pre>\n<h3>prettyPhoto for elements:<\/h3>\n<p><p><a href=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_03.jpg\" data-rel=\"prettyPhoto[p_940]\" class=\"\" title=\"Text Title\" ><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/case_5.jpg?resize=270%2C152\" width=\"270\" height=\"152\" alt=\"\" class=\"frame_box\"><\/a><\/p>\n<pre class=\"brush: plain\">\n[prettyPhoto title=\"Text Title\" link=\"http:\/\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_03.jpg\" type=\"link\" gallery=\"\" style=\"\" class=\"\" paragraph=\"true\"]<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/case_5.jpg?resize=270%2C152\" width=\"270\" height=\"152\" alt=\"\" class=\"frame_box\">[\/prettyPhoto]<\/p>\n<\/pre>\n<h3>Image Gallery with prettyPhoto<\/h3>\n<a href=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_08.jpg\" data-rel=\"prettyPhoto[p_315]\" class=\"\" title=\"Image Gallery prettyPhoto, image 1\" ><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/gavatar_3.jpg?resize=70%2C70\" width=\"70\" height=\"70\" alt=\"\"><\/a> &nbsp;<a href=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_07.jpg\" data-rel=\"prettyPhoto[p_662]\" class=\"\" title=\"Image Gallery prettyPhoto, image 2\" ><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/gavatar_1.jpg?resize=70%2C70\" width=\"70\" height=\"70\" alt=\"\"><\/a> &nbsp;<a href=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_03.jpg\" data-rel=\"prettyPhoto[p_429]\" class=\"\" title=\"Image Gallery prettyPhoto, image 3\" ><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/gavatar_2.jpg?resize=70%2C70\" width=\"70\" height=\"70\" alt=\"\"><\/a>\n<pre class=\"brush: plain\">\n[prettyPhoto title=\"Image Gallery prettyPhoto, image 1\" link=\"http:\/\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_08.jpg\" type=\"link\" gallery=\"\" style=\"\" class=\"\" paragraph=\"false\"]<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/gavatar_3.jpg?resize=70%2C70\" width=\"70\" height=\"70\" alt=\"\">[\/prettyPhoto]\n\n[prettyPhoto title=\"Image Gallery prettyPhoto, image 2\" link=\"http:\/\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_07.jpg\" type=\"link\" gallery=\"\" style=\"\" class=\"\" paragraph=\"false\"]<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/gavatar_1.jpg?resize=70%2C70\" width=\"70\" height=\"70\" alt=\"\">[\/prettyPhoto]\n\n[prettyPhoto title=\"Image Gallery prettyPhoto, image 3\" link=\"http:\/\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/entry_03.jpg\" type=\"link\" gallery=\"\" style=\"\" class=\"\" paragraph=\"false\"]<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/gavatar_2.jpg?resize=70%2C70\" width=\"70\" height=\"70\" alt=\"\">[\/prettyPhoto]\n<\/pre>\n<h3>YouTube and Vimeo video in Lightbox <\/h3>\n<a href=\"http:\/\/www.youtube.com\/watch?v=1R0UHHkoGxU\" data-rel=\"prettyPhoto[p_142]\" class=\"\" title=\"\" ><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/YouTube_logo.png?w=60\" alt=\"YouTube Video\" ><\/a> &nbsp; <a href=\"http:\/\/vimeo.com\/20266292&amp;width=600\" data-rel=\"prettyPhoto[p_533]\" class=\"\" title=\"\" ><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/Vimeo_logo.png?w=60\" alt=\"Vimeo Video\" ><\/a>\n<pre class=\"brush: plain\">\n[prettyPhoto title=\"\" link=\"http:\/\/www.youtube.com\/watch?v=1R0UHHkoGxU\" type=\"link\" gallery=\"\" style=\"\" class=\"\" paragraph=\"false\"]<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/YouTube_logo.png?w=60\" alt=\"YouTube Video\" >[\/prettyPhoto]\n\n[prettyPhoto title=\"\" link=\"http:\/\/vimeo.com\/20266292&amp;width=600\" type=\"link\" gallery=\"\" style=\"\" class=\"\" paragraph=\"false\"]<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.jamesurbanic.com\/wp-content\/uploads\/2012\/06\/Vimeo_logo.png?w=60\" alt=\"Vimeo Video\" >[\/prettyPhoto]\n<\/pre>\n<h3>prettyPhoto open in iframe<\/h3>\n<p><a href=\"http:\/\/www.cnn.com\/?iframe=true&amp;width=990&amp;height=600\" data-rel=\"prettyPhoto[p_648]\" class=\"button_link btn_red\"  title=\"CNN in iframe\"><span>Open CNN website in iframe<\/span><\/a><\/p>\n<pre class=\"brush: plain\">\n[prettyPhoto title=\"CNN in iframe\" link=\"http:\/\/www.cnn.com\/?iframe=true&amp;width=990&amp;height=600\" type=\"button\" gallery=\"\" style=\"\" class=\"btn_red\" paragraph=\"true\"]Open CNN website in iframe[\/prettyPhoto]\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>PrettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It\u2019s a full blown media lightbox. prettyPhoto for Text Button prettyPhoto prettyPhoto for elements: Image Gallery with prettyPhoto &nbsp; &nbsp; YouTube and Vimeo video in Lightbox &nbsp; prettyPhoto open in iframe<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-465","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/pages\/465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=465"}],"version-history":[{"count":0,"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=\/wp\/v2\/pages\/465\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jamesurbanic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}