{"id":35,"date":"2016-03-21T06:23:19","date_gmt":"2016-03-21T06:23:19","guid":{"rendered":"http:\/\/bonfirethemes.com\/breezy\/?p=35"},"modified":"2016-03-21T06:23:19","modified_gmt":"2016-03-21T06:23:19","slug":"full-screen-cross-device-touch-enabled-image-gallery","status":"publish","type":"post","link":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/2016\/03\/21\/full-screen-cross-device-touch-enabled-image-gallery\/","title":{"rendered":"Full-screen, cross-device, touch-enabled image gallery"},"content":{"rendered":"<p>If you\u2019re going to post galleries on your site, we recommend the popular PhotoSwipe software. It works on desktop as well as mobile devices and makes use of touch, keyboard and mouse controls, which allow users to navigate galleries by swiping, with the left\/right keys on a keyboard, the mouse, or by tapping\/clicking the left\/right navigation arrows.<\/p>\n<p>Here\u2019s a quick example of a 3-column gallery:<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-35 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a data-size=\"721x704\" href='https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_1.jpg'><img width=\"500\" height=\"500\" src=\"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_1-500x500.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a data-size=\"524x1048\" href='https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_2.jpg'><img width=\"500\" height=\"500\" src=\"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_2-500x500.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a data-size=\"600x766\" href='https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_3.jpg'><img width=\"500\" height=\"500\" src=\"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_3-500x500.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a data-size=\"941x544\" href='https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_4.jpg'><img width=\"500\" height=\"500\" src=\"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_4-500x500.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/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 data-size=\"941x544\" href='https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_5.jpg'><img width=\"500\" height=\"500\" src=\"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_5-500x500.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a data-size=\"800x939\" href='https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_6.jpg'><img width=\"500\" height=\"500\" src=\"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-content\/uploads\/sites\/3\/2015\/03\/gallery_6-500x500.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p>PhotoSwipe comes in a plugin and integrates seamlessly with WordPress (all 9 columns are supported by Breezy), meaning you don\u2019t have to learn a new interface just to insert galleries.<\/p>\n<p>PhotoSwipe can be downloaded from the <a href=\"https:\/\/wordpress.org\/plugins\/photo-swipe\/\" target=\"_blank\">WordPress plugin repository<\/a>. But of course, if you already have a favorite gallery plugin that you prefer, you can use that instead.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re going to post galleries on your site, we recommend the popular PhotoSwipe software. It works on desktop as well as mobile devices and makes use of touch, keyboard and mouse controls, which allow users to navigate galleries by swiping, with the left\/right keys on a keyboard, the mouse, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":41,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[7,9,10],"_links":{"self":[{"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/posts\/35"}],"collection":[{"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":0,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/media\/41"}],"wp:attachment":[{"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-two\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}