Individual Items in the Beyond Tellerrand Photo Galleries

[texnixe]

The image itself comes from the media folder:

<img alt="" src="https://beyondtellerrand.com/media/pages/photos/portraits-berlin-norman-posselt/2631825938-1578416643/cassie-evans-1600x1600.jpg">

I’m not familiar with how this is exactly implemented, but one way to achieve this is to make the images virtual pages.

How to create virtual pages for each photo in an album?

Basically as described here: https://getkirby.com/docs/guide/virtual-pages/content-from-csv In the album model, you would define the children, so each image would become a page (note that you can’t use the filename as slug, because that would redirect to the media folder. class AlbumPage extends Page { public function children() { $images = []; foreach ($this->images() as $image) { $images[] = [ 'slug' => $image->name(), // this could …

Another way to achieve this would be via a route, in which you always return the same template, but with the image from the URL.