{"id":4101,"date":"2020-04-20T06:48:00","date_gmt":"2020-04-20T06:48:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=4101"},"modified":"2020-05-16T07:02:06","modified_gmt":"2020-05-16T07:02:06","slug":"8-top-free-javascript-libraries-for-lightbox","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/","title":{"rendered":"8 Top Free JavaScript Libraries for Lightbox"},"content":{"rendered":"\n<p>Lightbox is one popular way to&nbsp;<strong>overlay images on the web<\/strong>. When you click on an image, the Lightbox pops up with some form of animation and dims the background so your focus is on the image itself. The image is also larger in scale. Most popular Lightbox JavaScript libraries that we have known for years let you do this well on a desktop, but not so much on mobile platforms.<\/p>\n\n\n\n<p>Neglecting this, and the need for responsiveness, is not a good idea nowadays, which is why this collection of 15 responsive Lightbox libraries must be checked out.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/photoswipe.com\/\">01. PhotoSwipe :<\/a><\/h3>\n\n\n\n<p><strong>PhotoSwipe<\/strong>&nbsp;is by far my favorite ligthbox plugin. It\u2019s light, touch-enabled, and most importantly modular which allows me to ditch a few parts that is not needed. It runs nicely in mobile browsers. You can swipe through images with your fingers as you would in a native app, and the transition runs really smooth.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4103\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/attachment\/lightbox-photoswipe\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-photoswipe.jpg\" data-orig-size=\"800,531\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"lightbox-photoswipe\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-photoswipe-300x199.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-photoswipe.jpg\" loading=\"lazy\" width=\"800\" height=\"531\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-photoswipe.jpg\" alt=\"\" class=\"wp-image-4103\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-photoswipe.jpg 800w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-photoswipe-300x199.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-photoswipe-768x510.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul><li><strong>Dependency<\/strong>: None<\/li><li><strong>Browser Support<\/strong>: IE8+, Chrome, Firefox, Safari, Opera, and a couple of mobile browsers.<\/li><li><strong>License<\/strong>: MIT license<\/li><\/ul>\n\n\n\n<h3><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/dimsemenov.com\/plugins\/magnific-popup\/\">02. MagnificPopup :<\/a><\/h3>\n\n\n\n<p><strong>MagnificPopup<\/strong>&nbsp;is another lightbox plugin, developed by the same person that gave us PhotoSwipe, Dmitry Semenov. It comes in the form of a jQuery\/Zepto plugin, and also brings capabilities that are missing in PhotoSwipe such as support for Video, Map, and Ajax content. This is a great alternative for those who prefer having more features at hand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4102\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/attachment\/lightbox-magnificpopup\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-magnificpopup.jpg\" data-orig-size=\"800,531\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"lightbox-magnificpopup\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-magnificpopup-300x199.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-magnificpopup.jpg\" loading=\"lazy\" width=\"800\" height=\"531\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-magnificpopup.jpg\" alt=\"\" class=\"wp-image-4102\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-magnificpopup.jpg 800w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-magnificpopup-300x199.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-magnificpopup-768x510.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul><li><strong>Dependency<\/strong>: jQuery 1.9.1+, or Zepto.js<\/li><li><strong>Browser Support<\/strong>: IE7 (partially), IE8+, Chrome, Firefox, Safari, and Opera.<\/li><li><strong>License<\/strong>: MIT license<\/li><\/ul>\n\n\n\n<h3><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/ilightbox.net\/\">03. iLightbox :<\/a><\/h3>\n\n\n\n<p><strong>iLighbox<\/strong>&nbsp;is a jQuery lightbox plugins with a wide range support of media types: including videos, Flash \/ SWF, Ajax content, iframe and maps. This plugin also adds social media buttons on top of the media, allowing your users to share it to Facebook, Twitter or Reddit. Also check out&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/ilightbox.net\/#advanced_mixed\">the advanced section<\/a>&nbsp;to see how iLightbox can be applied in different scenarios.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4106\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/attachment\/lightbox-ilightbox\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-ilightbox.jpg\" data-orig-size=\"800,531\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"lightbox-ilightbox\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-ilightbox-300x199.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-ilightbox.jpg\" loading=\"lazy\" width=\"800\" height=\"531\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-ilightbox.jpg\" alt=\"\" class=\"wp-image-4106\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-ilightbox.jpg 800w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-ilightbox-300x199.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-ilightbox-768x510.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul><li><strong>Dependency<\/strong>: jQuery<\/li><li><strong>Browser Support<\/strong>: IE7+, Chrome, Firefox, Safari, and Opera<\/li><li><strong>License<\/strong>:&nbsp;<em>Undefined<\/em><\/li><\/ul>\n\n\n\n<h3><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/www.jqueryscript.net\/lightbox\/Responsive-Flexible-jQuery-Lightbox-Plugin-Nivo-Lightbox.html\">04. Nivo Lightbox :<\/a><\/h3>\n\n\n\n<p><strong>Nivo Lightbox<\/strong>&nbsp;is a flexible lightbox plugin. Several options are included to change the appearance into the way you like it to appear, such as changing the theme, the transition effect, and switching the navigation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4109\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/attachment\/lightbox-nivo\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-nivo.jpg\" data-orig-size=\"800,531\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"lightbox-nivo\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-nivo-300x199.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-nivo.jpg\" loading=\"lazy\" width=\"800\" height=\"531\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-nivo.jpg\" alt=\"\" class=\"wp-image-4109\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-nivo.jpg 800w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-nivo-300x199.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-nivo-768x510.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul><li><strong>Dependency<\/strong>: jQuery<\/li><li><strong>Browser Support<\/strong>: IE9+, Chrome, Firefox, Safari, and Opera<\/li><li><strong>License<\/strong>: MIT license<\/li><\/ul>\n\n\n\n<h3><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/github.com\/cbopp-art\/lightcase\">05. LightCase :<\/a><\/h3>\n\n\n\n<p>Lightcase is a lovely lightbox plugin. It comes with several animations that makes user interaction come alive, like fade, elastic zoom and scrolling. Furthermore, it also supports various types of media including Youtube embed, HTML videos, SWF and input forms. The plugin also properly handles media cannot be reached or found errors<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4107\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/attachment\/lightbox-lightcase\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightcase.jpg\" data-orig-size=\"800,531\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"lightbox-lightcase\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightcase-300x199.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightcase.jpg\" loading=\"lazy\" width=\"800\" height=\"531\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightcase.jpg\" alt=\"\" class=\"wp-image-4107\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightcase.jpg 800w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightcase-300x199.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightcase-768x510.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul><li><strong>Dependency<\/strong>: jQuery<\/li><li><strong>Browser Support<\/strong>: IE9+, Chrome, Firefox, Safari, and Opera<\/li><li><strong>License<\/strong>: GPL license<\/li><\/ul>\n\n\n\n<h3><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/noelboss.github.io\/featherlight\/\">06. FeatherLight :<\/a><\/h3>\n\n\n\n<p>The 6kb&nbsp;<strong>Featherlight<\/strong>&nbsp;is a bare plugin for savvy developer and carries only the essentials. If you need, for example, to group image lightbox in a gallery, you can include&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/noelboss.github.io\/featherlight\/gallery.html\">the gallery extension<\/a>. You can also develop your own extension for this plugin to fit in your project needs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4104\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/attachment\/lightbox-featherlight\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-featherlight.jpg\" data-orig-size=\"800,531\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"lightbox-featherlight\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-featherlight-300x199.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-featherlight.jpg\" loading=\"lazy\" width=\"800\" height=\"531\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-featherlight.jpg\" alt=\"\" class=\"wp-image-4104\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-featherlight.jpg 800w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-featherlight-300x199.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-featherlight-768x510.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul><li><strong>Dependency<\/strong>: jQuery<\/li><li><strong>Browser Support<\/strong>: IE8+, Chrome, Firefox, Safari, and Opera<\/li><li><strong>License<\/strong>: MIT license<\/li><\/ul>\n\n\n\n<h3><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/github.com\/martinmethod\/lightLayer\">07. LightLayer :<\/a><\/h3>\n\n\n\n<p>LightLayer is an easy to use lightbox plugin. It has a handful of options, custom JavaScript methods, and custom events. the plugin works with images, videos, maps, and external content. What\u2019s more can we ask.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4108\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/attachment\/lightbox-lightlayer\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightlayer.jpg\" data-orig-size=\"800,531\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"lightbox-lightlayer\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightlayer-300x199.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightlayer.jpg\" loading=\"lazy\" width=\"800\" height=\"531\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightlayer.jpg\" alt=\"\" class=\"wp-image-4108\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightlayer.jpg 800w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightlayer-300x199.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-lightlayer-768x510.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul><li><strong>Dependency<\/strong>: jQuery<\/li><li><strong>Browser Support<\/strong>: IE9+, Chrome, Firefox, Safari, and Opera<\/li><li><strong>License<\/strong>: MIT license<\/li><\/ul>\n\n\n\n<h3><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/terrymun.github.io\/Fluidbox\/\">08. FluidBox :<\/a><\/h3>\n\n\n\n<p><strong>Fluidbox<\/strong>&nbsp;is an image lightbox plugin that is inspired from Medium. It works with images under various circumstances including floating image, image with&nbsp;<code>absolute<\/code>&nbsp;position, images that have border and padding, and galleries. Check out&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/medium.com\/coding-design\/presenting-fluidbox-9c7fe9db92c7\">how it was built<\/a>. If you need a WordPress plugin, there is&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/github.com\/peiche\/fluidbox-wp\">one<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4105\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/8-top-free-javascript-libraries-for-lightbox\/attachment\/lightbox-fluidbox\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-fluidbox.jpg\" data-orig-size=\"800,531\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"lightbox-fluidbox\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-fluidbox-300x199.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-fluidbox.jpg\" loading=\"lazy\" width=\"800\" height=\"531\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-fluidbox.jpg\" alt=\"\" class=\"wp-image-4105\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-fluidbox.jpg 800w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-fluidbox-300x199.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-fluidbox-768x510.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul><li><strong>Dependency<\/strong>: jQuery<\/li><li><strong>Browser Support<\/strong>: IE9+, Chrome, Firefox, Safari, Opera<\/li><li><strong>License<\/strong>: MIT license<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Lightbox is one popular way to&nbsp;overlay images on the web. When you click on an image, the Lightbox pops up with some form of animation and dims the background so your focus is on the image itself. The image is also larger in scale. Most popular Lightbox JavaScript libraries that we have known for years [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4103,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,145,12],"tags":[25,146,87,90],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/lightbox-photoswipe.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-149","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4101"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=4101"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4101\/revisions"}],"predecessor-version":[{"id":4110,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4101\/revisions\/4110"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/4103"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=4101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=4101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=4101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}