Image Gallery on an Ordinary Markdown Blot page?

Am chiming in because I did something very similar -- I'm using the old blog template and grabbed the portfolio template's fitted-grid.html page and adapted it for use by making a gallery.html page and plopping the code in there.

It'll need some tweaking but should be pretty much plug 'n play.

Blog: https://alongtheray.com

Gallery page: https://alongtheray.com/gallery

Ray.

I also managed to do this (with some coding help from ChatGPT :P) I´m using the portfolio template.

It´s just a list of images in a markdown-file, wrapped in a div and displayed as a grid using CSS.

Also i got ChatGPT to write some Javascript that randomizes the image order when the page reloads and opens them up in a lightbox when clicked on.

https://audunberdal.no/foto

I'm loving your implementation on the https://audunberdal.no/foto page. This is exactly what I'd like to have on my site. Would you be willing to share the code for that page to save me a bit of time?

steve[at]ledlow.me is my email address. I tried to find yours on the site pages and could not, so hoping you read this follow up comment.

I'd love the code as well, Audun--if you ever read this thread again, my email is carson.teuscher[at]gmail.com. Tried to get a rudimentary photo gallery onto my site using ChatGPT but am struggling to get the "lightbox" effect script to work and can't figure out why some pictures load while others click through as "page not found" when they're all linked the same way in my markdown file.

Also, the code I added somehow broke the original zoom effect built into the blog template when you click on images throughout my site. Now when you hover over any image (not just in the photo gallery), the maginifying glass appears as usual, but when you click, nothing happens. If anyone has a fix for that, I'd be super grateful! ChatGPT hasn't been able to set me straight...yet.

Hi Steve and Carson

Thanks for liking the gallery!! I sent you both a message explaining the set-up, but thought i should add it here as well for future reference.

Here it is: https://audunberdal.no/Photogrid

Thanks for that explainer. I have been looking on how to add something like that to my page.

Audun -- your site appears to be down. Any chance you could share the code here as well? Took a look at it during the week and it looked great, so hoping your site goes back up soon 🙌

I fixed the links