Log in Sign up

Info on showing multiple images/photographs in a post?

I need further help related to this question: Image galleries / slideshows / masonry layouts

Where you have recommended PhotoSwipe to show multiple images as a slideshow of sorts. But I'm a newbie when to comes to adding code to the template, and then I'm not sure how I'd need to format my post to show images.

Can you please guide me on:

  • how to update the template for this (which code to copy and where). Please also share if there are any other tools/ways to achieve this (other than through PhotoSwipe). I need a very basic carousel type slideshow that shows images in their full size.
  • how to format a multi-image post (I currently follow a structure where I have a folder for each post: content .txt file + related image file (if I have an image to add) are within one folder.

Thank you so much!


3 years ago, 2 replies   Edit question

Hello! In terms of a multi-image post, I'd use a text file, as you're doing, and just embed multiple images directly, one after the other, e.g.

![First](_first.jpg)
![Second](_second.jpg)

In terms of adding a carousel / image slider to your template. You'll need to find where in your template's the script.js file is embedded, then add other scripts adjacent to it as needed, e.g.

<script src="/carousel-script.js" type="text/javascript"></script>
<script src="{{{scriptURL}}}" type="text/javascript"></script>

In the blog template, you'd add this to footer.html. The same procedure would be needed for the CSS files – you'll want to see where style.css is embedded and add any additional CSS files there. In the blog template, you'd add this to head.html

Answered 3 years ago · Edit answer

Sorry I saw this late. Thanks so much David! Really appreciate your help. And I love this Questions section, in addition to your detailed, well-written documentation. Well done!

p.s. I've mentioned/cross-linked this answer to the other related post: https://blot.im/questions/207

Answered 3 years ago · Edit answer