The Lightbox block can be used to wrap images to give them lightbox capability.
While the ska/image already has an option to enable lightbox, you can wrap multiple images (or combine with a Gallery) with the Lightbox block to have the images render in the same lightbox. To achieve that you should disable the “Lightbox” option on the image (or Gallery) blocks and instead change their links to “Full size image”:
The lightbox uses the PhotoSwipe library, same library is also applied to WooCommerce product images when using ska-theme.
Images wrapped with a lightbox block
<!-- wp:ska/lightbox {"skaBlocks":{"cx":"flex flex-col gap-3","t":1709756495,"css":".flex{display:flex}.flex-col{flex-direction:column}.gap-3{gap:var(\u002d\u002dska-spacing-3)}"},"skaBlocksDisplay":{"v":{"$":{"@":"flex"}}},"skaBlocksFlexDirection":{"v":{"$":{"@":"col"}}},"skaBlocksGap":{"v":{"$":{"@":"3"}}}} -->
<div class="flex flex-col gap-3 wp-block-ska-lightbox"><!-- wp:ska/image {"mode":"file","width":1024,"height":614,"id":705,"src":"https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/894-1280x768-1-1024x614.jpg","skaBlocksLink":{"href":"#ska-link\u002d\u002dmedia-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img src="https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/894-1280x768-1-1024x614.jpg" width="1024" height="614" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/element {"skaBlocksDisplay":{"v":{"$":{"@":"grid"}}},"skaBlocksGridTemplateColumns":{"v":{"$":{"@":"2"}}},"skaBlocksGap":{"v":{"$":{"@":"[inherit]"}},"a":["[inherit]"]},"skaBlocks":{"cx":"grid grid-cols-2 gap-[inherit]","t":1709756495,"css":".grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-\\[inherit\\]{gap:inherit}"}} -->
<div class="grid grid-cols-2 gap-[inherit] wp-block-ska-element"><!-- wp:ska/image {"mode":"file","width":768,"height":461,"id":701,"src":"https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/431-1280x768-1-768x461.jpg","alt":"Placeholder image","skaBlocksLink":{"href":"#ska-link\u002d\u002dmedia-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img src="https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/431-1280x768-1-768x461.jpg" alt="Placeholder image" width="768" height="461" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/image {"mode":"file","width":768,"height":461,"id":698,"src":"https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/306-1280x768-1-768x461.jpg","alt":"Placeholder image","skaBlocksLink":{"href":"#ska-link\u002d\u002dmedia-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img src="https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/306-1280x768-1-768x461.jpg" alt="Placeholder image" width="768" height="461" loading="lazy"/></a>
<!-- /wp:ska/image --></div>
<!-- /wp:ska/element -->
<!-- wp:ska/element {"skaBlocksDisplay":{"v":{"$":{"@":"grid"}}},"skaBlocksGridTemplateColumns":{"v":{"$":{"@":"3"}}},"skaBlocksGap":{"v":{"$":{"@":"[inherit]"}},"a":["[inherit]"]},"skaBlocks":{"cx":"grid grid-cols-3 gap-[inherit]","t":1709756495,"css":".grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-\\[inherit\\]{gap:inherit}"}} -->
<div class="grid grid-cols-3 gap-[inherit] wp-block-ska-element"><!-- wp:ska/image {"mode":"file","width":1280,"height":768,"id":704,"src":"https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/884-1280x768-1.jpg","alt":"Placeholder image","skaBlocksLink":{"href":"#ska-link\u002d\u002dmedia-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img src="https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/884-1280x768-1.jpg" alt="Placeholder image" width="1280" height="768" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/image {"mode":"file","width":1280,"height":768,"id":702,"src":"https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/740-1280x768-1.jpg","alt":"Placeholder image","skaBlocksLink":{"href":"#ska-link\u002d\u002dmedia-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img src="https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/740-1280x768-1.jpg" alt="Placeholder image" width="1280" height="768" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/image {"mode":"file","width":1280,"height":768,"id":697,"src":"https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/52-1280x768-1.jpg","alt":"Placeholder image","skaBlocksLink":{"href":"#ska-link\u002d\u002dmedia-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img src="https://sinukoduleheabi.ee/docs/wp-content/uploads/2024/03/52-1280x768-1.jpg" alt="Placeholder image" width="1280" height="768" loading="lazy"/></a>
<!-- /wp:ska/image --></div>
<!-- /wp:ska/element --></div>
<!-- /wp:ska/lightbox -->