{"id":934,"date":"2024-04-18T17:13:31","date_gmt":"2024-04-18T16:13:31","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/?p=934"},"modified":"2025-06-16T20:07:09","modified_gmt":"2025-06-16T19:07:09","slug":"tip-lightbox-effect","status":"publish","type":"post","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/2024\/04\/18\/tip-lightbox-effect\/","title":{"rendered":"Tip Lightbox effect"},"content":{"rendered":"\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d2a28a2ba00&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-medium wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"185\" data-attachment-id=\"218\" data-permalink=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/?attachment_id=218\" data-orig-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2021\/10\/13164252\/great-tit-e1713455428859.jpg\" data-orig-size=\"1260,775\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"great-tit\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2021\/10\/13164252\/great-tit-e1713455428859-300x185.jpg\" data-large-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2021\/10\/13164252\/great-tit-e1713455428859-1024x630.jpg\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2021\/10\/13164252\/great-tit-e1713455428859-300x185.jpg\" alt=\"Great Tit illustration form an old book\" class=\"wp-image-218\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2021\/10\/13164252\/great-tit-e1713455428859-300x185.jpg 300w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2021\/10\/13164252\/great-tit-e1713455428859-1024x630.jpg 1024w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2021\/10\/13164252\/great-tit-e1713455428859-768x472.jpg 768w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2021\/10\/13164252\/great-tit-e1713455428859.jpg 1260w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong>Example Lightbox<\/strong><\/figcaption><\/figure>\n\n\n\n<p>This tip replaces an earlier much more complex one. Images that are added in an image block can be set to link to &#8220;Expand on Click&#8221; from the Block Toolbar:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d2a28a2c03d&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"630\" data-attachment-id=\"1350\" data-permalink=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/2024\/04\/18\/tip-lightbox-effect\/expandonclick\/\" data-orig-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2024\/04\/16194413\/expandonclick.png\" data-orig-size=\"976,630\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"expandonclick\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2024\/04\/16194413\/expandonclick-300x194.png\" data-large-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2024\/04\/16194413\/expandonclick.png\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2024\/04\/16194413\/expandonclick.png\" alt=\"\" class=\"wp-image-1350\" style=\"width:600px;height:auto\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2024\/04\/16194413\/expandonclick.png 976w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2024\/04\/16194413\/expandonclick-300x194.png 300w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2024\/04\/16194413\/expandonclick-768x496.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can have a lightbox effect on   images by setting the link to &#8220;Expand on Click&#8221;<\/p>\n","protected":false},"author":22,"featured_media":1352,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[22],"tags":[38,35,36],"class_list":["post-934","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips","tag-gallery-tip","tag-group-tip","tag-image-tip"],"jetpack_featured_media_url":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/blocks\/uploads\/sites\/9576\/2024\/04\/16200442\/lightboxwp.gif","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/posts\/934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/comments?post=934"}],"version-history":[{"count":13,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/posts\/934\/revisions"}],"predecessor-version":[{"id":1354,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/posts\/934\/revisions\/1354"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/media\/1352"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/media?parent=934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/categories?post=934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/wp-json\/wp\/v2\/tags?post=934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}