{"main":["lightbox.js","lightbox.css"],"options":[{"name":"customClass","type":"string","default":"''","description":"Class applied to instance"},{"name":"extensions","type":"array","default":"\"jpg\", \"sjpg\", \"jpeg\", \"png\", \"gif\"","description":"Image type extensions"},{"name":"fixed","type":"boolean","default":"false","description":"Flag for fixed positioning"},{"name":"formatter","type":"function","default":"$.noop","description":"Caption format function"},{"name":"infinite","type":"boolean","default":"false","description":"Flag for infinite galleries"},{"name":"labels.close","type":"string","default":"'Close'","description":"Close button text"},{"name":"labels.count","type":"string","default":"'of'","description":"Gallery count separator text"},{"name":"labels.next","type":"string","default":"'Next'","description":"Gallery control text"},{"name":"labels.previous","type":"string","default":"'Previous'","description":"Gallery control text"},{"name":"labels.captionClosed","type":"string","default":"'View Caption'","description":"Mobile caption toggle text, closed state"},{"name":"labels.captionOpen","type":"string","default":"'View Caption'","description":"Mobile caption toggle text, open state"},{"name":"margin","type":"int","default":"50","description":"Margin used when sizing (single side)"},{"name":"minHeight","type":"int","default":"100","description":"Minimum height of modal"},{"name":"minWidth","type":"int","default":"100","description":"Minimum width of modal"},{"name":"mobile","type":"boolean","default":"false","description":"Flag to force 'mobile' rendering"},{"name":"retina","type":"boolean","default":"false","description":"Flag to use 'retina' sizing (halves natural sizes)"},{"name":"requestKey","type":"string","default":"'fs-lightbox'","description":"GET variable for ajax / iframe requests"},{"name":"top","type":"int","default":"0","description":"Target top position; over-rides centering"},{"name":"videoRadio","type":"number","default":"0.5625","description":"Video height / width ratio (9 / 16 = 0.5625)"},{"name":"videoWidth","type":"int","default":"800","description":"Video max width"}],"events":[{"name":"open.lightbox","description":"Lightbox opened; Triggered on window"},{"name":"close.lightbox","description":"Lightbox closed; Triggered on window"}],"methods":[{"name":"close","description":"Closes active instance.","examples":["$.lightbox(\"close\");"]},{"name":"defaults","description":"Extends plugin default settings; effects instances created hereafter.","params":[{"name":"options","type":"object","default":"{}","description":"New plugin defaults"}],"examples":["$.lightbox(\"defaults\", { ... });"]},{"name":"destroy","description":"Removes plugin instance.","examples":["$(\".target\").lightbox(\"destroy\");"]},{"name":"resize","description":"Resizes lightbox.","examples":["$.lightbox(\"resize\");"],"params":[{"name":"height","type":"int | false","description":"Target height or false to auto size"},{"name":"width","type":"int | false","description":"Target width or false to auto size"}]}],"name":"Lightbox","type":"widget","description":"A jQuery plugin for simple modals.","dependencies":["core.js","touch.js","transition.js"],"css":[{"name":".fs-lightbox-element","type":"element","description":"Target elmement"},{"name":".fs-lightbox","type":"element","description":"Base widget class"},{"name":".fs-lightbox.fs-lightbox-open","type":"modifier","description":"Indicates open state"},{"name":".fs-lightbox.fs-lightbox-loading","type":"modifier","description":"Indicates loading state"},{"name":".fs-lightbox.fs-lightbox-animating","type":"modifier","description":"Indicates animating state"},{"name":".fs-lightbox.fs-lightbox-mobile","type":"modifier","description":"Indicates mobile display"},{"name":".fs-lightbox.fs-lightbox-fixed","type":"modifier","description":"Indicates fixed positioning"},{"name":".fs-lightbox.fs-lightbox-inline","type":"modifier","description":"Indicates inline content"},{"name":".fs-lightbox.fs-lightbox-iframed","type":"modifier","description":"Indicates iFrame content"},{"name":".fs-lightbox-overlay","type":"element","description":"Overlay element"},{"name":".fs-lightbox-close","type":"element","description":"Close element"},{"name":".fs-lightbox-loading_icon","type":"element","description":"Loading icon element"},{"name":".fs-lightbox-container","type":"element","description":"Container element"},{"name":".fs-lightbox-content","type":"element","description":"Content element"},{"name":".fs-lightbox-image","type":"element","description":"Image element"},{"name":".fs-lightbox-video","type":"element","description":"Video element"},{"name":".fs-lightbox-iframe","type":"element","description":"iFrame element"},{"name":".fs-lightbox-tools","type":"element","description":"Tools element"},{"name":".fs-lightbox-meta","type":"element","description":"Meta info element"},{"name":".fs-lightbox-controls","type":"element","description":"Controls container element"},{"name":".fs-lightbox-control","type":"element","description":"Control element"},{"name":".fs-lightbox-control.fs-lightbox-control_previous","type":"modifier","description":"Indicates previous control"},{"name":".fs-lightbox-control.fs-lightbox-control_next","type":"modifier","description":"Indicates next control"},{"name":".fs-lightbox-control.fs-lightbox-control_disabled","type":"modifier","description":"Indicates disbaled state"},{"name":".fs-lightbox-position","type":"element","description":"Position element"},{"name":".fs-lightbox-position_current","type":"element","description":"Current position element"},{"name":".fs-lightbox-position_total","type":"element","description":"Total position element"},{"name":".fs-lightbox-caption","type":"element","description":"Caption element"},{"name":".fs-lightbox-error","type":"element","description":"Error message element"},{"name":".fs-lightbox-lock","type":"modifier","description":"Indicates locked state; Applied to body element"}],"use":"### Basic\n\nDisplay images and videos in an overlay:\n\n```javascript\n$(\"a\").lightbox();\n```\n\n```markup\n<a href=\"one.jpg\" title=\"Image Caption\">\n\t<img src=\"one_thumb.jpg\" alt=\"\">\n</a>\n```\n\n### Gallery\n\nLink multiple images or videos together with the `data-lightbox-gallery` attribute:\n\n```markup\n<a href=\"one.jpg\" title=\"Image Caption One\" data-lightbox-gallery=\"photo_gallery\">\n\t<img src=\"one_thumb.jpg\" alt=\"\">\n</a>\n<a href=\"two.jpg\" title=\"Image Caption Two\" data-lightbox-gallery=\"photo_gallery\">\n\t<img src=\"two_thumb.jpg\" alt=\"\">\n</a>\n<a href=\"three.jpg\" title=\"Image Caption Three\" data-lightbox-gallery=\"photo_gallery\">\n\t<img src=\"three_thumb.jpg\" alt=\"\">\n</a>\n```\n\n<h3>Events</h3>\n\nReact to the lightbox by listening for the `open.lightbox` and `close.lightbox` events on the `window`:\n\n```javascript\n$(window).on(\"open.lightbox\", function() {\n\t// ...\n}).on(\"close.lightbox\", function() {\n\t// ...\n});\n```","demo":"<style>\r\n\t.gallery { margin: 20px 0; overflow: hidden; }\r\n\r\n\t.lightbox_image { border: 1px solid #ccc; border-radius: 3px; display: block; float: left; margin: 0 2% 10px 0; padding: 5px; width: 31.3333%; max-width: 150px; }\r\n\t.lightbox_image img { border-radius: 3px; width: 100%; }\r\n\r\n\t.no-touch .lightbox_image:hover {\r\n\t\tbox-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\r\n\t}\r\n\r\n\t.inline_content { width: 300px; overflow: hidden; padding: 0 20px; }\r\n\t.inline_content h2 { margin-top: 20px; }\r\n\r\n\t.fs-lightbox h3 { font-style: italic; font-size: 16px; margin: 0; padding: 5px 0; }\r\n</style>\r\n\r\n<script>\r\n\t$(function() {\r\n\t\t$(\".lightbox\").not(\".lightbox_format\").lightbox({\r\n\t\t\t// infinite: true\r\n\t\t\t// mobile: true\r\n\t\t});\r\n\r\n\t\t$(\".lightbox_format\").lightbox({\r\n\t\t\tformatter: customFormat\r\n\t\t});\r\n\r\n\t\t$(\".lightbox_object\").click(launchObject);\r\n\t});\r\n\r\n\tfunction customFormat() {\r\n\t\treturn '<h3>' + this.attr(\"title\") + \"</h3>\";\r\n\t}\r\n\r\n\tfunction launchObject() {\r\n\t\t$.lightbox( $('<div class=\"inline_content\"><h2>More Content!</h2><p>This was created by jQuery and loaded into the new Lightbox instance.</p></div>') );\r\n\t}\r\n</script>\r\n\r\n<h4>Basic</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-1.jpg\" class=\"lightbox lightbox_image\" title=\"By NASA on The Commons (Apollo-Soyuz) [Public domain], via Wikimedia Commons\">\r\n\t\t<img src=\"http://formstone.it/files/demo/th_nasa-bw-1.jpg\" alt=\"\">\r\n\t</a>\r\n</div>\r\n\r\n<h4>Gallery</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-1.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery\" title=\"By NASA on The Commons (Apollo-Soyuz) [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-1.jpg\" alt=\"\">\r\n\t</a>\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-2.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery\" title=\"By NASA on The Commons (Bumper V-2 Launch) [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-2.jpg\" alt=\"\">\r\n\t</a>\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-3.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery\" title=\"By NASA on The Commons [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-3.jpg\" alt=\"\">\r\n\t</a>\r\n</div>\r\n\r\n<h4>YouTube &amp; Vimeo Videos</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"//www.youtube.com/embed/zsJpUCWfyPE?rel=0\" class=\"button lightbox\" data-lightbox-gallery=\"video_gallery\" title=\"STS-129 HD Launch\">\r\n\t\tYouTube Video\r\n\t</a>\r\n    <a href=\"//player.vimeo.com/video/15091562\" class=\"button lightbox\" data-lightbox-gallery=\"video_gallery\" title=\"Homemade Spacecraft\">\r\n\t\tVimeo Video\r\n\t</a>\r\n\t<!--\r\n\t<a href=\"https://www.youtube.com/watch?v=zsJpUCWfyPE\" class=\"button lightbox\" data-lightbox-gallery=\"video_gallery\" title=\"STS-129 HD Launch\">\r\n\t\tYouTube Video\r\n\t</a>\r\n\t<a href=\"https://vimeo.com/15091562\" class=\"button lightbox\" data-lightbox-gallery=\"video_gallery\" title=\"Homemade Spacecraft\">\r\n\t\tVimeo Video\r\n\t</a>\r\n\t-->\r\n</div>\r\n\r\n<h4>Mobile</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-1.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_mobile\" data-lightbox-options='{\"mobile\":true}' title=\"By NASA on The Commons (Apollo-Soyuz) [Public domain], via Wikimedia Commons\">\r\n\t\t<img src=\"http://formstone.it/files/demo/th_nasa-bw-1.jpg\" alt=\"\">\r\n\t</a>\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-2.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_mobile\" data-lightbox-options='{\"mobile\":true}' title=\"By NASA on The Commons (Bumper V-2 Launch) [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-2.jpg\" alt=\"\">\r\n\t</a>\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-3.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_mobile\" data-lightbox-options='{\"mobile\":true}' title=\"By NASA on The Commons [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-3.jpg\" alt=\"\">\r\n\t</a>\r\n</div>\r\n\r\n<h4>Fixed Positioning</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-1.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_fixed\" data-lightbox-options='{\"fixed\":true}' title=\"By NASA on The Commons (Apollo-Soyuz) [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-1.jpg\" alt=\"\">\r\n\t</a>\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-2.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_fixed\" data-lightbox-options='{\"fixed\":true}' title=\"By NASA on The Commons (Bumper V-2 Launch) [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-2.jpg\" alt=\"\">\r\n\t</a>\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-3.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_fixed\" data-lightbox-options='{\"fixed\":true}' title=\"By NASA on The Commons [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-3.jpg\" alt=\"\">\r\n\t</a>\r\n</div>\r\n\r\n<h4>Top Positioning</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-1.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_top\" data-lightbox-options='{\"top\":25}' title=\"By NASA on The Commons (Apollo-Soyuz) [Public domain], via Wikimedia Commons\">\r\n\t\t<img src=\"http://formstone.it/files/demo/th_nasa-bw-1.jpg\" alt=\"\">\r\n\t</a>\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-2.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_top\" data-lightbox-options='{\"top\":25}' title=\"By NASA on The Commons (Bumper V-2 Launch) [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-2.jpg\" alt=\"\">\r\n\t</a>\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-3.jpg\" class=\"lightbox lightbox_image\" data-lightbox-gallery=\"gallery_top\" data-lightbox-options='{\"top\":25}' title=\"By NASA on The Commons [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-3.jpg\" alt=\"\">\r\n\t</a>\r\n</div>\r\n\r\n<h4>In-Line Content</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"#hidden_content\" class=\"button lightbox\">Show Hidden Content</a>\r\n</div>\r\n<div id=\"hidden_content\" style=\"display: none;\">\r\n\t<div class=\"inline_content\">\r\n\t\t<h2>Some Content!</h2>\r\n\t\t<p>This was hidden on the page and loaded into the new Boxer instance.</p>\r\n\t</div>\r\n</div>\r\n\r\n<h4>jQuery Objects</h4>\r\n<div class=\"gallery\">\r\n\t<button class=\"button lightbox lightbox_object\">Show jQuery Object</button>\r\n</div>\r\n\r\n<h4>iFrame</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://www.cnn.com/\" class=\"button lightbox\">View CNN.com</a>\r\n\t<a href=\"../extra/lightbox-iframe.html\" class=\"button lightbox\">View Local iFrame</a>\r\n</div>\r\n\r\n<h4>Sizing</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://www.cnn.com/\" class=\"button lightbox\" data-lightbox-height=\"500\" data-lightbox-width=\"500\">View CNN.com</a>\r\n</div>\r\n\r\n<h4>Caption Formating</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-1.jpg\" class=\"lightbox lightbox_image lightbox_format\" title=\"By NASA on The Commons (Apollo-Soyuz) [Public domain], via Wikimedia Commons\">\r\n\t    <img src=\"http://formstone.it/files/demo/th_nasa-bw-1.jpg\" alt=\"\">\r\n\t</a>\r\n</div>\r\n\r\n<h4>Retina Support</h4>\r\n<div class=\"gallery\">\r\n\t<a href=\"http://formstone.it/files/demo/nasa-bw-retina.jpg\" class=\"lightbox lightbox_image\" data-lightbox-options='{\"retina\":true}' title=\"By Apollo 15 astronaut.Bubba73 at en.wikipedia [Public domain], from Wikimedia Commons\">\r\n\t\t<img src=\"http://formstone.it/files/demo/th_nasa-bw-retina.jpg\" alt=\"\">\r\n\t</a>\r\n</div>"}