{"id":6045,"date":"2016-09-23T13:27:00","date_gmt":"2016-09-23T20:27:00","guid":{"rendered":"http:\/\/www.dognmonkey.com\/techs\/?p=6045"},"modified":"2017-11-14T10:31:14","modified_gmt":"2017-11-14T18:31:14","slug":"magnific-popup","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/magnific-popup.html","title":{"rendered":"Magnific-Popup"},"content":{"rendered":"<p><em><a href=\"\/\/dimsemenov.com\/plugins\/magnific-popup\/\" target=\"_blank\" rel=\"noopener\">Magnific-Popup<\/a> is a responsive lightbox.<\/em><\/p>\n<p><em>I modified the zoom-gallery.js to idoggallery.js using class=&#8221;idoggallery&#8221; for easy to remember. For image with no links use &#8220;igallery&#8221; and title only.<br \/>\n<\/em><\/p>\n<blockquote><p><em>Use \u00a0&#8220;title&#8221; and &#8220;mylink&#8221; on href to display caption and create a link&#8230;<\/em><\/p><\/blockquote>\n<p><code>&lt;div class=\"idoggallery\"&gt;<br \/>\n&lt;p style=\"text-align: center;\"&gt;&lt;a class=\"preview\" title=\"macOS Sierra On Windows Laptops\" href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_macOS_Sierra.jpg\" mylink=\"\/\/www.dognmonkey.com\/techs\/macos-sierra-on-mac-wanna-be-windows-laptops.html\"&gt;&lt;img class=\"alignnone size-thumbnail wp-image-6013\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_macOS_Sierra-200x112.jpg\" alt=\"macOS Sierra On HP Windows Laptop\" width=\"200\" height=\"112\" \/&gt;&lt;\/a&gt;<\/code><\/p>\n<div class=\"idoggallery\">\n<p style=\"text-align: center;\"><a title=\"macOS Sierra On Windows Laptops\" href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_macOS_Sierra.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-6013\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_macOS_Sierra-200x112.jpg\" alt=\"macOS Sierra On HP Windows Laptop\" width=\"200\" height=\"112\" \/><\/a>\u00a0 \u00a0 \u00a0<a title=\"Trendnet IP Camera TV-IP762IC\" href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Trendnet_TV762IC.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-5999\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Trendnet_TV762IC-200x112.jpg\" alt=\"TrendNet TV-IP762IC Camera\" width=\"200\" height=\"112\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a title=\"HP Envy 4-1115dx Battery 1% Not Charging\" href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_battery_02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-5878\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_battery_02-200x112.jpg\" alt=\"HP Envy 4-1115dx Battery 1% Not Charging\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_battery_02-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_battery_02-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_battery_02.jpg 800w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>\u00a0 \u00a0 \u00a0<a title=\"Install 480Gb mSata to Envy 4-1117nr for El Capitan 10.11.5\" href=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_IMG_4733.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-5836\" src=\"\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_IMG_4733-200x112.jpg\" alt=\"MyDigitalSSD MDMS-BP4e-512\" width=\"200\" height=\"112\" \/><\/a><\/p>\n<\/div>\n<p style=\"text-align: center;\"><ul class=\"lcp_catlist\" id=\"lcp_instance_0\"><\/ul><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magnific-Popup is a responsive lightbox. I modified the zoom-gallery.js to idoggallery.js using class=&#8221;idoggallery&#8221; for easy to remember. For image with no links use &#8220;igallery&#8221; and title only. Use \u00a0&#8220;title&#8221; and &#8220;mylink&#8221; on href to display caption and create a link&#8230; &lt;div class=&#8221;idoggallery&#8221;&gt; &lt;p style=&#8221;text-align: center;&#8221;&gt;&lt;a class=&#8221;preview&#8221; title=&#8221;macOS Sierra On Windows Laptops&#8221; href=&#8221;\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_macOS_Sierra.jpg&#8221; mylink=&#8221;\/\/www.dognmonkey.com\/techs\/macos-sierra-on-mac-wanna-be-windows-laptops.html&#8221;&gt;&lt;img class=&#8221;alignnone size-thumbnail <a href=\"https:\/\/www.dognmonkey.com\/techs\/magnific-popup.html\" class=\"more-link\">&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[288,807,20],"tags":[969],"class_list":["post-6045","post","type-post","status-publish","format-standard","hentry","category-css-wordpress","category-scripts","category-wordpress","tag-magnific-popup"],"views":208,"_links":{"self":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/6045","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=6045"}],"version-history":[{"count":4,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/6045\/revisions"}],"predecessor-version":[{"id":6585,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/6045\/revisions\/6585"}],"wp:attachment":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/media?parent=6045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/categories?post=6045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/tags?post=6045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}