—

layout: post

title: a post with image galleries

date: 2024-12-04 01:59:00

description: this is what included image galleries could look like

tags: formatting images

categories: sample-posts

thumbnail: assets/img/9.jpg

images:

lightbox2: true

photoswipe: true

spotlight: true

venobox: true

—

#

The images in this post are all zoomable, arranged into different mini-galleries using different libraries.

#

## Lightbox2

#

#

—

#

## PhotoSwipe

#

<div class="pswp-gallery pswp-gallery--single-column" id="gallery--getting-started">

<a href=”https://cdn.photoswipe.com/photoswipe-demo-images/photos/2/img-2500.jpg”

data-pswp-width=”1669”

data-pswp-height=”2500”

target=”_blank”>

</a>

<a href=”https://cdn.photoswipe.com/photoswipe-demo-images/photos/7/img-2500.jpg”

data-pswp-width=”1875”

data-pswp-height=”2500”

data-cropped=”true”

target=”_blank”>

</a>

<a href=”https://unsplash.com”

data-pswp-src=”https://cdn.photoswipe.com/photoswipe-demo-images/photos/3/img-2500.jpg”

data-pswp-width=”2500”

data-pswp-height=”1666”

target=”_blank”>

</a>

<div>

<a href=”https://cdn.photoswipe.com/photoswipe-demo-images/photos/6/img-2500.jpg”

data-pswp-width=”2500”

data-pswp-height=”1667”

target=”_blank”>

</a>

</div>

</div>

#

—

#

## Spotlight JS

#

<div class="spotlight-group">

</a>

</a>

</a>

</div>

<div class="spotlight-group">

</a>

</a>

</a>

</div>

#

—

#

## Venobox

#