# Connecting fancybox gallery through hugo and use netlify cms to upload bulk images

**URL:** https://discourse.gohugo.io/t/connecting-fancybox-gallery-through-hugo-and-use-netlify-cms-to-upload-bulk-images/18997
**Category:** Uncategorized
**Created:** [June 1, 2019, 5:51am UTC](https://discourse.gohugo.io/t/connecting-fancybox-gallery-through-hugo-and-use-netlify-cms-to-upload-bulk-images/18997 "2019-06-01T05:51:40Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![brunoamaral](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/brunoamaral/32/21144_2.png) [@brunoamaral](https://discourse.gohugo.io/u/brunoamaral)
#### Post date: [June 1, 2019, 8:18pm UTC](https://discourse.gohugo.io/t/connecting-fancybox-gallery-through-hugo-and-use-netlify-cms-to-upload-bulk-images/18997/2 "2019-06-01T20:18:56Z")

</div>

In short, you can place all your photos in a folder, add it as a resource to the page and range through the files.

There is a thread with a similar implementation here:

> [@Adding a photoswipe gallery as a shortcode using Page.Resources](https://discourse.gohugo.io/t/adding-a-photoswipe-gallery-as-a-shortcode-using-page-resources/10672):
>
> The code below adds this shortcode {{ gallery folder="" title=""}} folder: must be a subdirectory in that Page Bundle. Required. I need to test if this allows multiple galleries in the same page. Title: used in the initial H4 of the gallery. Optional. This version is mostly a proof of concept and requires that you install PhotoSwipe, and optionaly Masonry, in your themes/YOURTHEME/static/plugins directory, or /static/plugins for example. Photoswipe: [https://github.com/dimsemenov/PhotoSwipe](https://github.com/dimsemenov/PhotoSwipe) …

---

_[View the full topic](https://discourse.gohugo.io/t/connecting-fancybox-gallery-through-hugo-and-use-netlify-cms-to-upload-bulk-images/18997)._