{"id":109,"date":"2024-12-14T10:09:00","date_gmt":"2024-12-14T10:09:00","guid":{"rendered":"https:\/\/example.com\/?page_id=109"},"modified":"2024-12-14T10:09:00","modified_gmt":"2024-12-14T10:09:00","slug":"responsive-gallery","status":"publish","type":"page","link":"http:\/\/anusisoft.com\/demos\/gallery\/responsive-gallery\/","title":{"rendered":"Responsive Gallery"},"content":{"rendered":"<h1>Responsive Gallery Layout<\/h1>\n<p style=\"font-size: 18px;margin: 20px 0\">Adapts seamlessly to all screen sizes and devices. This gallery automatically adjusts column counts, image sizes, and spacing based on the viewing device for optimal display everywhere.<\/p>\n<div style=\"background: #000;color: #fff;padding: 30px;margin: 30px 0\">\n<h2>Key Features<\/h2>\n<ul style=\"font-size: 16px;line-height: 1.8\">\n<li>Automatic adaptation to screen sizes<\/li>\n<li>Touch-friendly mobile navigation<\/li>\n<li>Optimized loading for different devices<\/li>\n<li>Flexible column system (1-6 columns)<\/li>\n<li>Perfect display on desktop, tablet, and mobile<\/li>\n<\/ul>\n<\/div>\n<h2 style=\"margin: 40px 0 20px 0\">Live Demo<\/h2>\n<style type=\"text\/css\">\n#foogallery-gallery-15 .fg-image { width: 640px; }<\/style>\n\t\t\t<div class=\"foogallery foogallery-container foogallery-image-viewer foogallery-link-image foogallery-lightbox-foogallery fg-center fg-image-viewer fg-ready fg-light fg-border-medium fg-round-small fg-shadow-outline fg-shadow-inset-large fg-loading-pulse fg-loaded-scale-up fg-hover-grayscale fg-hover-semi-zoomed fg-caption-always fg-hover-fade fg-hover-plus3 fg-light-overlays\" id=\"foogallery-gallery-15\" data-foogallery=\"{&quot;item&quot;:{&quot;showCaptionTitle&quot;:true,&quot;showCaptionDescription&quot;:true},&quot;lazy&quot;:true,&quot;template&quot;:{&quot;loop&quot;:true}}\" data-foogallery-lightbox=\"{&quot;thumbs&quot;:&quot;bottom&quot;,&quot;thumbsCaptions&quot;:false,&quot;thumbsBestFit&quot;:false,&quot;thumbsSmall&quot;:false,&quot;thumbsCaptionsAlign&quot;:&quot;default&quot;,&quot;info&quot;:&quot;bottom&quot;,&quot;infoVisible&quot;:true,&quot;infoOverlay&quot;:true,&quot;infoAlign&quot;:&quot;default&quot;,&quot;transition&quot;:&quot;fade&quot;,&quot;hoverButtons&quot;:false,&quot;fitMedia&quot;:false,&quot;noScrollbars&quot;:true,&quot;preserveButtonSpace&quot;:true,&quot;video&quot;:{&quot;autoPlay&quot;:true}}\" style=\"--fg-title-line-clamp: 0; --fg-description-line-clamp: 0;\" >\n\t<div class=\"fiv-inner\">\n\t\t<div class=\"fiv-inner-container\">\n\t\t\t<div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/2026\/01\/3.jpg\" data-caption-title=\"Snow-covered mountain range under cloudy sky\" data-caption-desc=\"A dramatic view of rugged, snow-covered mountain peaks rising sharply into the sky with soft blue-gray clouds overhead.\" data-attachment-id=\"6\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img fetchpriority=\"high\" decoding=\"async\" alt=\"Snowy mountain peaks with cloudy sky\" title=\"Snow-covered mountain range under cloudy sky\" width=\"640\" height=\"360\" class=\"skip-lazy fg-image\" data-src-fg=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/cache\/2026\/01\/3\/3334834033.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22360%22%20viewBox%3D%220%200%20640%20360%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><figcaption class=\"fg-caption\"><div class=\"fg-caption-inner\"><div class=\"fg-caption-title\">Snow-covered mountain range under cloudy sky<\/div><div class=\"fg-caption-desc\">A dramatic view of rugged, snow-covered mountain peaks rising sharply into the sky with soft blue-gray clouds overhead.<\/div><\/div><\/figcaption><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/2026\/01\/1.jpg\" data-caption-title=\"Snow-capped mountains reflected in a calm alpine lake\" data-caption-desc=\"A peaceful alpine lake with crystal-clear blue water reflecting snow-covered peaks, creating a perfect mirror image of the mountains and sky.\" data-attachment-id=\"4\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Mountain lake reflecting snow-capped peaks under blue sky\" title=\"Snow-capped mountains reflected in a calm alpine lake\" width=\"640\" height=\"360\" class=\"skip-lazy fg-image\" data-src-fg=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/cache\/2026\/01\/1\/3769724259.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22360%22%20viewBox%3D%220%200%20640%20360%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><figcaption class=\"fg-caption\"><div class=\"fg-caption-inner\"><div class=\"fg-caption-title\">Snow-capped mountains reflected in a calm alpine lake<\/div><div class=\"fg-caption-desc\">A peaceful alpine lake with crystal-clear blue water reflecting snow-covered peaks, creating a perfect mirror image of the mountains and sky.<\/div><\/div><\/figcaption><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/2026\/01\/5.jpg\" data-caption-title=\"Tall waterfall with bridge above\" data-caption-desc=\"A tall, powerful waterfall cascades down a cliffside, framed by lush green vegetation, with a bridge crossing above.\" data-attachment-id=\"8\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Tall waterfall and bridge in green forest\" title=\"Tall waterfall with bridge above\" width=\"640\" height=\"360\" class=\"skip-lazy fg-image\" data-src-fg=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/cache\/2026\/01\/5\/3865971386.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22360%22%20viewBox%3D%220%200%20640%20360%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><figcaption class=\"fg-caption\"><div class=\"fg-caption-inner\"><div class=\"fg-caption-title\">Tall waterfall with bridge above<\/div><div class=\"fg-caption-desc\">A tall, powerful waterfall cascades down a cliffside, framed by lush green vegetation, with a bridge crossing above.<\/div><\/div><\/figcaption><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/2026\/01\/10.jpg\" data-caption-title=\"Mossy tree trunk in green forest\" data-caption-desc=\"A detailed close-up of a moss-covered tree trunk set against a blurred green forest background.\" data-attachment-id=\"13\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Close-up of mossy tree trunk in forest\" title=\"Mossy tree trunk in green forest\" width=\"640\" height=\"360\" class=\"skip-lazy fg-image\" data-src-fg=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/cache\/2026\/01\/10\/967467767.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22360%22%20viewBox%3D%220%200%20640%20360%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><figcaption class=\"fg-caption\"><div class=\"fg-caption-inner\"><div class=\"fg-caption-title\">Mossy tree trunk in green forest<\/div><div class=\"fg-caption-desc\">A detailed close-up of a moss-covered tree trunk set against a blurred green forest background.<\/div><\/div><\/figcaption><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/2026\/01\/7.jpg\" data-caption-title=\"Pink and purple evening sky with clouds\" data-caption-desc=\"A glowing sunset sky filled with shades of pink, purple, and orange clouds.\" data-attachment-id=\"10\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Pink and purple clouds in evening sky\" title=\"Pink and purple evening sky with clouds\" width=\"640\" height=\"360\" class=\"skip-lazy fg-image\" data-src-fg=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/cache\/2026\/01\/7\/3318930251.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22360%22%20viewBox%3D%220%200%20640%20360%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><figcaption class=\"fg-caption\"><div class=\"fg-caption-inner\"><div class=\"fg-caption-title\">Pink and purple evening sky with clouds<\/div><div class=\"fg-caption-desc\">A glowing sunset sky filled with shades of pink, purple, and orange clouds.<\/div><\/div><\/figcaption><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/2026\/01\/2.jpg\" data-caption-title=\"Golden rice terraces in the hills\" data-caption-desc=\"Sweeping hillside rice terraces glow in golden light, with layers of bright green vegetation cascading down the slopes.\" data-attachment-id=\"5\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Green and golden rice terraces on hillside at sunset\" title=\"Golden rice terraces in the hills\" width=\"640\" height=\"360\" class=\"skip-lazy fg-image\" data-src-fg=\"http:\/\/anusisoft.com\/demos\/gallery\/wp-content\/uploads\/sites\/2\/cache\/2026\/01\/2\/2980978455.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22360%22%20viewBox%3D%220%200%20640%20360%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><figcaption class=\"fg-caption\"><div class=\"fg-caption-inner\"><div class=\"fg-caption-title\">Golden rice terraces in the hills<\/div><div class=\"fg-caption-desc\">Sweeping hillside rice terraces glow in golden light, with layers of bright green vegetation cascading down the slopes.<\/div><\/div><\/figcaption><\/figure><div class=\"fg-loader\"><\/div><\/div>\t\t<\/div>\n\t\t<div class=\"fiv-ctrls\">\n\t\t\t<button type=\"button\" class=\"fiv-prev\" title=\"Prev\"><span>Prev<\/span><\/button>\n\t\t\t<label class=\"fiv-count\"><span class=\"fiv-count-current\">1<\/span>of<span class=\"fiv-count-total\">6<\/span><\/label>\n\t\t\t<button type=\"button\" class=\"fiv-next\" title=\"Next\"><span>Next<\/span><\/button>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div style=\"background: #f5f5f5;padding: 30px;margin: 40px 0\">\n<h3>Best Use Cases<\/h3>\n<p style=\"font-size: 16px;line-height: 1.8\">Universal for: Any gallery needing mobile support, Multi-device experiences, E-commerce product displays, Travel and lifestyle blogs, Corporate websites, and General purpose photo galleries.<\/p>\n<\/div>\n<p style=\"text-align: center;margin: 40px 0\">\n\t<a href=\"\/demos\/gallery\/gallery\/image-viewer\/\" style=\"background: #000;color: #fff;padding: 12px 30px;text-decoration: none;font-size: 16px\">\u2190 Previous: Image Viewer<\/a><br \/>\n\t<a href=\"\/demos\/gallery\/gallery\/\" style=\"background: #000;color: #fff;padding: 12px 30px;text-decoration: none;font-size: 16px;margin-left: 10px\">Back to Home \u2192<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsive Gallery Layout Adapts seamlessly to all screen sizes and devices. This gallery automatically adjusts column counts, image sizes, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/anusisoft.com\/demos\/gallery\/wp-json\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/anusisoft.com\/demos\/gallery\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/anusisoft.com\/demos\/gallery\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/anusisoft.com\/demos\/gallery\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/anusisoft.com\/demos\/gallery\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":0,"href":"http:\/\/anusisoft.com\/demos\/gallery\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"wp:attachment":[{"href":"http:\/\/anusisoft.com\/demos\/gallery\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}