{"id":7517,"date":"2020-01-21T11:44:51","date_gmt":"2020-01-21T19:44:51","guid":{"rendered":"https:\/\/www.dognmonkey.com\/techs\/?p=7517"},"modified":"2021-03-19T11:05:01","modified_gmt":"2021-03-19T18:05:01","slug":"swipebox-and-pop-ups","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/swipebox-and-pop-ups.html","title":{"rendered":"Swipebox and Pop Ups"},"content":{"rendered":"<p><script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.3\/jquery.min.js\"><\/script><script src=\"\/idogjs\/swipebox\/src\/js\/swipebox.min.js\"\"><\/script><script src=\"\/idogjs\/swipebox\/lib\/ios_fix.min.js\" \"><\/script><script src=\"\/idogjs\/swipebox\/src\/js\/swipe_l2.js\" \"><\/script><link rel=\"stylesheet\" href=\"\/idogjs\/swipebox\/src\/css\/swipebox_title.min.css\"><br \/>\n<em>We need to have a lightbox type to display pictures and galleries with the support of mobile swiping. Swipebox is free.<\/em><\/p>\n<p style=\"text-align: center;\"><a class=\"swipebox\" title=\"display pictures and galleries with the support of mobile swiping\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7492\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13-200x112.jpg\" alt=\"HP_Envy13\" width=\"200\" height=\"112\" \/><\/a> <a class=\"swipebox\" title=\"display pictures and galleries with the support of mobile swiping\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7486\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop-200x112.jpg\" alt=\"mac laptop\" width=\"200\" height=\"112\" \/><\/a> <a class=\"swipebox\" title=\"Image1\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7483\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-200x112.jpg\" alt=\"macOS Catalina\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a> <a class=\"swipebox\" title=\"Image1\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7484\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave-200x112.jpg\" alt=\"macOS Mojave\" width=\"200\" height=\"112\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><button class=\"w3-button w3-green w3-round-xlarge\"><em>This is magnific popup<\/em><\/button><\/p>\n<div class=\"igallery\">\n<p style=\"text-align: center;\"><a class=\"preview\" title=\"display pictures and galleries with the support of mobile swiping\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7492\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13-200x112.jpg\" alt=\"HP_Envy13\" width=\"200\" height=\"112\" \/><\/a> <a class=\"preview\" title=\"display pictures and galleries with the support of mobile swiping\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7486\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop-200x112.jpg\" alt=\"mac Laptop\" width=\"200\" height=\"112\" \/><\/a> <a class=\"preview\" title=\"Image1\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7483\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-200x112.jpg\" alt=\"macOS Catalina\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a> <a class=\"preview\" title=\"Image1\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7484\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave-200x112.jpg\" alt=\"macOS Mojave\" width=\"200\" height=\"112\" \/><\/a><\/p>\n<\/div>\n<p style=\"text-align: center;\"><button class=\"w3-button w3-green w3-round-xlarge\"><em>This is Fancybox 3 popup<\/em><\/button><br \/>\n<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\"><\/p>\n<p style=\"text-align: center;\"><a class=\"preview\" title=\"display pictures and galleries with the support of mobile swiping\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13.jpg\" data-fancybox=\"all\" data-captions=\"Image1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7492\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13-200x112.jpg\" alt=\"HP_Envy13\" width=\"200\" height=\"112\" \/><\/a> <a class=\"preview\" title=\"display pictures and galleries with the support of mobile swiping\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop.jpg\" data-fancybox=\"all\" data-captions=\"Image2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7486\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop-200x112.jpg\" alt=\"mac Laptop\" width=\"200\" height=\"112\" \/><\/a> <a class=\"preview\" title=\"Image1\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg\" data-fancybox=\"all\" data-captions=\"Image3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7483\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-200x112.jpg\" alt=\"macOS Catalina\" width=\"200\" height=\"112\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a> <a class=\"preview\" title=\"Image1\" href=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave.jpg\" data-fancybox=\"all\" data-captions=\"Image4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-thumbnail wp-image-7484\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave-200x112.jpg\" alt=\"macOS Mojave\" width=\"200\" height=\"112\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><button class=\"w3-button w3-green w3-round-xlarge\"><em>This is iFotorama Gallery<\/em><\/button><\/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<div class='fotorama--wp' data-ids='7492,7486,7483,7484'data-allowfullscreen='yes'data-link='file'data-itemtag='dl'data-icontag='dt'data-captiontag='dd'data-columns='0'data-size='large'data-width='600'data-auto='false'data-max-width='100%'data-ratio='1.3363028953229'><div id='gallery-1' class='gallery galleryid-7517 gallery-columns-0 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13.jpg' data-full='https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"112\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_envy13-200x112.jpg\" class=\"w3-image attachment-thumbnail size-thumbnail\" alt=\"HP_Envy13\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop.jpg' data-full='https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"112\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_mac_laptop-200x112.jpg\" class=\"w3-image attachment-thumbnail size-thumbnail\" alt=\"Mac Laptop\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg' data-full='https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"112\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-200x112.jpg\" class=\"w3-image attachment-thumbnail size-thumbnail\" alt=\"macOS Catalina\" srcset=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-200x112.jpg 200w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina-300x169.jpg 300w, https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Catalina.jpg 600w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave.jpg' data-full='https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"112\" src=\"https:\/\/www.dognmonkey.com\/techs\/wp-content\/uploads\/z_Mojave-200x112.jpg\" class=\"w3-image attachment-thumbnail size-thumbnail\" alt=\"macOS Mojave\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t<\/div>\n<\/div>\n<p style=\"text-align: center;\"><ul class=\"lcp_catlist\" id=\"lcp_instance_0\"><\/ul><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We need to have a lightbox type to display pictures and galleries with the support of mobile swiping. Swipebox is free.<\/p>\n","protected":false},"author":1,"featured_media":7549,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[1324,920,1347,969,1346],"class_list":["post-7517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-fancybox3","tag-fotorama","tag-ipreview","tag-magnific-popup","tag-swipebox"],"views":221,"_links":{"self":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/7517","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=7517"}],"version-history":[{"count":3,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/7517\/revisions"}],"predecessor-version":[{"id":7986,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/7517\/revisions\/7986"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/media\/7549"}],"wp:attachment":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/media?parent=7517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/categories?post=7517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/tags?post=7517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}