{"id":5576,"date":"2016-02-07T23:55:41","date_gmt":"2016-02-08T07:55:41","guid":{"rendered":"http:\/\/www.dognmonkey.com\/techs\/?p=5576"},"modified":"2019-09-14T16:55:36","modified_gmt":"2019-09-14T23:55:36","slug":"galleria-io-lightgallery-and-fotorama-in-bootstrap-collapsible","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/galleria-io-lightgallery-and-fotorama-in-bootstrap-collapsible.html","title":{"rendered":"Galleria.io, lightGallery and Fotorama in Bootstrap Collapsible"},"content":{"rendered":"<p>[galleria]<\/p>\n<p style=\"text-align: center;\"><em>Embed Galleries inside Bootstrap Collapsible.<\/em><\/p>\n<p style=\"text-align: center;\"><button class=\"w3-button w3-blue w3-round-xlarge\">This is Galleria inside Bootstrap Collapsible<\/button><\/p>\n<p style=\"text-align: center;\"><em><a href=\"\/\/galleria.io\" target=\"_blank\" rel=\"noopener noreferrer\">Galleria.io<\/a> is responsive across desktop, tablets, smartphones,\u00a0<\/em><i>iPhones,\u00a0iPads with lightbox option, fullscreen with doubletap. Can display multiple galleries on the same page.\u00a0<\/i><\/p>\n<p>[galleria_div]<\/p>\n<p><a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5156 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan-200x112.jpg\" alt=\"\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>\u00a0<a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5519 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-200x112.jpg\" alt=\"13disney134-1024x576\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-768x432.jpg 768w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>\u00a0<a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5297 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke-200x112.jpg\" alt=\"z_karaoke\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p>[\/galleria_div]<\/p>\n<p style=\"text-align: center;\"><em>Second gallery<\/em><\/p>\n<div class=\"galleria\"><a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5516 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576-200x112.jpg\" alt=\"13disney106-1024x576\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576-768x432.jpg 768w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>\u00a0<a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2011\/08\/z_x58_10.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5471 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2011\/08\/z_x58_10-200x112.jpg\" alt=\"z_x58_10\" width=\"200\" height=\"112\" \/><\/a>\u00a0<a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_x360_minipcie.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5229 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_x360_minipcie-200x112.jpg\" alt=\"z_x360_minipcie\" width=\"200\" height=\"112\" \/><\/a><\/div>\n<p style=\"text-align: center;\">[galleria_end]<\/p>\n<p style=\"text-align: center;\"><em><button class=\"w3-button w3-blue w3-round-xlarge\">This is lightGallery inside Bootstrap Collapsible<\/button> : Next<\/em><br \/>\n<!--nextpage--><\/p>\n<p>[lightgallery]<\/p>\n<p style=\"text-align: center;\">lightGallery-Bootstrap Collapsible<br \/>\n<button class=\"w3-button w3-blue w3-round-xlarge\">This is lightGallery inside Bootstrap Collapsible<\/button><\/p>\n<p style=\"text-align: center;\"><a href=\"\/\/sachinchoolur.github.io\/lightGallery\/\" target=\"_blank\" rel=\"noopener noreferrer\">lightGallery<\/a> can only display 1 gallery on the same page. Not very easy to use.<\/p>\n<div id=\"lightgallery\"><a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5519 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-200x112.jpg\" alt=\"None\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-768x432.jpg 768w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a> <a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5516 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576-200x112.jpg\" alt=\"None\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576-768x432.jpg 768w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney106-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a> <a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_brown_centilium.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5311 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_brown_centilium-200x112.jpg\" alt=\"none\" width=\"200\" height=\"112\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><em><button class=\"w3-button w3-blue w3-round-xlarge\">This is Fotorama inside Bootstrap Collapsible<\/button>: Next<\/em><\/div>\n<p style=\"text-align: center;\"><!--nextpage--><\/p>\n<link href=\"\/idogjs\/icss\/font-awesome\/css\/ifotorama.css\" rel=\"stylesheet\"><script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.3\/jquery.min.js\"><\/script><script src=\"\/idogjs\/ijs\/ifotorama.js\"><\/script>\n<p style=\"text-align: center;\"><em>Fotorama-Bootstrap Collapsible<\/em><br \/>\n<em><button class=\"w3-button w3-blue w3-round-xlarge\">This is Fotorama inside Bootstrap Collapsible<\/button><\/em><\/p>\n<p style=\"text-align: center;\"><em><a href=\"\/\/fotorama.io\" target=\"_blank\" rel=\"noopener noreferrer\">Fotorama.io<\/a> this is the best one of the 3, easy to use and truly responsive on all devices.<\/em><\/p>\n<div class=\"fotorama\" data-width=\"600\" data-keyboard=\"true\" data-transition=\"crossfade\" data-allowfullscreen=\"true\" data-nav=\"thumbs\" data-arrows=\"true\" data-click=\"true\" data-swipe=\"true\" data-trackpad=\"true\" data-hash=\"true\"><br \/>\n<a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5156 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan-200x112.jpg\" alt=\"\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/10\/z_elcapitan.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>\u00a0<a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5519 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-200x112.jpg\" alt=\"13disney134-1024x576\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576-768x432.jpg 768w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2016\/02\/13disney134-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>\u00a0<a href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5297 size-thumbnail\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke-200x112.jpg\" alt=\"z_karaoke\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/2015\/12\/z_karaoke.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><br \/>\n<\/div>\n<p>&nbsp;<\/p>\n<ul class=\"lcp_catlist\" id=\"lcp_instance_0\"><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>[galleria] Embed Galleries inside Bootstrap Collapsible. Galleria.io is responsive across desktop, tablets, smartphones,\u00a0iPhones,\u00a0iPads with lightbox option, fullscreen with doubletap. Can display multiple galleries on the same page.\u00a0 [galleria_div] \u00a0\u00a0 [\/galleria_div] Second gallery \u00a0\u00a0 [galleria_end] : Next<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[807,20],"tags":[799,824,821,823,805],"class_list":["post-5576","post","type-post","status-publish","format-standard","hentry","category-scripts","category-wordpress","tag-bootstrap-collapsible","tag-fotorama-io","tag-galleria-io","tag-gallery-display","tag-jquery-lightgallery"],"views":445,"_links":{"self":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/5576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/comments?post=5576"}],"version-history":[{"count":3,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/5576\/revisions"}],"predecessor-version":[{"id":7216,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/5576\/revisions\/7216"}],"wp:attachment":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/media?parent=5576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/categories?post=5576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/tags?post=5576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}