{"id":10405,"date":"2024-01-31T11:28:37","date_gmt":"2024-01-31T16:28:37","guid":{"rendered":"https:\/\/www.eng.ufl.edu\/marcom-dev\/?post_type=mercury-block&amp;p=10405"},"modified":"2024-01-31T11:28:37","modified_gmt":"2024-01-31T16:28:37","slug":"image-gallery","status":"publish","type":"mercury-block","link":"https:\/\/www.eng.ufl.edu\/marcom\/mercury-block\/image-gallery\/","title":{"rendered":"Image Gallery"},"content":{"rendered":"\n<p><a href=\"https:\/\/webservices.it.ufl.edu\/mercury-theme\/items\/image-gallery.html\" target=\"_blank\" rel=\"noreferrer noopener\">When to use and example of Image Gallery<\/a><\/p>\n\n\n\n<p>In the Block Editor, insert an Image Gallery Block. Expand the inspector panel to give the section a title and subtitle, if desired. <\/p>\n\n\n\n<p>Expand the document overview to select the first Image Gallery Slide &gt; Image Modal innerblock. Upload an image and give it a title. Add modal content in the prepopulated Classic block, or add a paragraph or list block. <\/p>\n\n\n\n<p>Use the Add Image Modal plus sign to add more images to the current slide.<\/p>\n\n\n\n<p>Use the Add Image Gallery Slide plus sign to add more slides to the gallery.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1345\" height=\"901\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/02\/howto-imggallery.gif\" alt=\"How to add an image gallery block in Mercury\" class=\"wp-image-10647\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Displays a collection of images in a carousel format. Each image is represented by a thumbnail and can be clicked to view a larger version in a modal window. The gallery supports navigation using arrows or swipe gestures on mobile devices.<\/p>\n","protected":false},"featured_media":10645,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"featured_post":"","_links_to":"","_links_to_target":""},"block-categories":[9,21],"class_list":["post-10405","mercury-block","type-mercury-block","status-publish","has-post-thumbnail","hentry","block-categories-carousels","block-categories-images"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block\/10405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block"}],"about":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/types\/mercury-block"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media\/10645"}],"wp:attachment":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media?parent=10405"}],"wp:term":[{"taxonomy":"block-categories","embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/block-categories?post=10405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}