> For the complete documentation index, see [llms.txt](https://skincms.360creators.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://skincms.360creators.com/dynamic-photo-album.md).

# Dynamic Photo Album

A dynamic photo album in Skin CMS means that you can show 1 image, 2 images or way over 10 images and depending on the record that you're triggering, it will detect whether it's single or multiple images to show.

If it's a single image, it will hide the previous and next buttons, but if the record contains 2 or more images, it will show the previous and next buttons automatically.

<mark style="background-color:red;">Keep in mind that you need to compress the images before importing to make sure it loads fast enough.</mark>

{% embed url="<https://www.youtube.com/watch?v=Bb0SNxCYIxI>" %}
Tutorial showing you how to do it
{% endembed %}

### Gallery template

Download the template and connect your Attachments field in Airtable with `SkinCMS_Gallery_Container`.

{% file src="/files/8q3LN6KjI3R6PGD4Ebui" %}

### Creating your own custom gallery

In order to make this work you create in 3DVista:

* Container and call it `SkinCMS_Gallery_Container`\
  \&#xNAN;*(not an 'image', even though images will appear in here)*
* Two buttons located inside SkinCMS\_Gallery\_Container.
  * Call the previous button `SkinCMS_Gallery_Previous`
  * Call the next button `SkinCMS_Gallery_Next`

In Airtable you've created an attachment field and uploaded one or more images in each record.

In SkinCMS you connect the Airtable's attachment field with `SkinCMS_Gallery_Container`

### Multiple Galleries

In case you need more than one gallery, which is exceptional, you can duplicate the SkinCMS\_Gallery\_Container and add a `2` behind Container like `SkinCMS_Gallery_Container2`. Keep the names for the Previous and Next the same within Container2. And connect this to another attachment field in Airtable.