Hi there my folder structure: content: soki/post1.md assets: sok_3l/image1.png sok_3l/image2.png sok_3l/galeria/img1.png sok_3l/galeria/img1.png sok_3l/galeria/img1.png how do I loop over (as I guess with range function) threw galeria folder in single.html? I need it to be an image gallery …

Welcome to Hugo! In the front matter you list all the images in a list, I use yaml format so it looks like this: gallery: - images/image1.jpeg - images/image2.jpeg - images/image3.jpeg - images/image4.jpeg - images/image5.jpeg Then in you template/partial you can do something like this: …

If you don’t want to list your images in front matter, you have a couple of options. Option 1 - Images as global resources (assets directory) assets/ └── sok_3/ └── galeria/ ├── a.jpg └── b.jpg {{ range resources.Match "sok_3/galeria/*" }} <a href="{{ .RelPermalink }}"> …

thank You. I wiIl try to implement one of the solutions

Range through image list in front matter

support

jmooring Split this topic September 19, 2024, 7:35pm 5

A post was split to a new topic: Page resource metadata

Topic		Replies	Views
Image Processing in a Range support assets	6	1342	April 2, 2022
Netlify + Decap CMS: Iterating over images array support	18	1686	September 17, 2023
Getting Page Resources (Images) such that they can be Resized support	6	679	March 29, 2021
Process (resize) and display images in page bundle support	3	730	January 25, 2022
Image Processing - improve documentation support	11	1759	June 5, 2018

Range through image list in front matter

Related topics