{"id":7416,"date":"2019-10-04T15:22:08","date_gmt":"2019-10-04T22:22:08","guid":{"rendered":"https:\/\/www.dognmonkey.com\/techs\/?p=7416"},"modified":"2020-01-08T22:07:23","modified_gmt":"2020-01-09T06:07:23","slug":"fancybox3-for-wordpress","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/fancybox3-for-wordpress.html","title":{"rendered":"FancyBox3 For WordPress"},"content":{"rendered":"<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.9.1\/jquery.min.js\"><\/script><script src=\"\/idogjs\/fancybox-master\/dist\/jquery.fancybox.min.js\"><\/script>\n\t<link rel=\"stylesheet\" href=\"\/idogjs\/fancybox-master\/dist\/fancybox_mod_min.css\">\n<p><em>I like the FancyBox3 swipe features for displaying multiple images. Although it doesn&#8217;t take the title as data-caption and the position of the caption can&#8217;t be used relative to the bottom of the display image. The <a href=\"https:\/\/fancyapps.com\/fancybox\/3\/docs\/#options\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"w3-button w3-blue w3-round-xlarge\">FancyBox3<\/button><\/a> is quite simple to use.<\/em><\/p>\n<p><em><button class=\"w3-button w3-black w3-round-xlarge\"> &lt;a href=&#8221;image&#8221; data-fancybox=&#8221;gallery&#8221; data-caption=&#8221;title1&#8243;&gt;&lt;img&gt;&lt;\/a&gt;<\/button><\/em><\/p>\n<p><em>Since this one only needs jquery 1.9.1 minimum, I could use with imagePreview.<\/em><\/p>\n<p style=\"text-align: center;\"><a class=\"preview\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/split_case-1.jpg\" data-fancybox=\"fancy\" data-caption=\"split case\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7361\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/split_case-1-200x112.jpg\" alt=\"Split JVC Case\" width=\"200\" height=\"112\" \/><\/a> <a class=\"preview\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1140990.jpg\" data-fancybox=\"fancy\" data-caption=\"keyboard hooks\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7378\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1140990-200x112.jpg\" alt=\"key board hooks\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1140990-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1140990-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1140990-100x56.jpg 100w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1140990.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a class=\"preview\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150004.jpg\" data-fancybox=\"fancy\" data-caption=\"button and hooks setup\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7385\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150004-200x112.jpg\" alt=\"button and hooks setup\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150004-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150004-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150004-100x56.jpg 100w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150004.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a> <a class=\"preview\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150001.jpg\" data-fancybox=\"fancy\" data-caption=\"install button and hooks\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7383\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150001-200x112.jpg\" alt=\"install button and hooks\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150001-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150001-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150001-100x56.jpg 100w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_P1150001.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<ul class=\"lcp_catlist\" id=\"lcp_instance_0\"><\/ul>\n<p style=\"text-align: center;\">\n","protected":false},"excerpt":{"rendered":"<p>I like the FancyBox3 swipe features for displaying multiple images. Although it doesn&#8217;t take the title as data-caption and the position of the caption can&#8217;t be used relative to the bottom of the display image. The is quite simple to use. Since this one only needs jquery 1.9.1 minimum, I could use with imagePreview.<\/p>\n","protected":false},"author":1,"featured_media":7487,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[1324,95,969,156],"class_list":["post-7416","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-fancybox3","tag-imagepreview","tag-magnific-popup","tag-pop-ups-2"],"views":195,"_links":{"self":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/7416","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=7416"}],"version-history":[{"count":3,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/7416\/revisions"}],"predecessor-version":[{"id":7420,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/7416\/revisions\/7420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/media\/7487"}],"wp:attachment":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/media?parent=7416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/categories?post=7416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/tags?post=7416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}