https://github.com/marcantondahmen/automad-lightbox

The Lightbox extensions is a custom string function for the Automad CMS that easily let's you create lightbox slideshows out of inline images.
https://github.com/marcantondahmen/automad-lightbox

automad composer lightbox

Last synced: about 1 month ago
JSON representation

The Lightbox extensions is a custom string function for the Automad CMS that easily let's you create lightbox slideshows out of inline images.

• Host: GitHub
• URL: https://github.com/marcantondahmen/automad-lightbox
• Owner: marcantondahmen
• License: mit
• Created: 2020-01-25T10:33:27.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-05-24T12:22:13.000Z (over 3 years ago)
• Last Synced: 2024-10-08T10:51:27.083Z (3 months ago)
• Topics: automad, composer, lightbox
• Language: JavaScript
• Homepage: https://packages.automad.org/automad/lightbox
• Size: 16.6 KB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Automad Lightbox

The Lightbox extensions is a custom string function for [Automad](https://automad.org) that easily let's you create lightbox slideshows out of inline images. It can be used with any text variable including markdown image links. 

## Assets

The lightbox extension requires jQuery to be loaded along with the included assets within your template's `` section.

    

    

    

## Template

Somewhere in the body of your template the extension can be used with any variable as follows:

    @{ text | Automad/Lightbox | markdown }

## Using Inline Images in Content

The Lightbox string function will pick up any markdown image within your content and turn it into a link to open the lightbox modal window. While the enlarged image in the lightbox modal will always have its original dimensions, it is possible to resize the image embedded within the text as follows:

    ![](image?400x300)

The image tag above will create an image link with a small thumbnail of 400x300 pixel to open the enlarged version of that image with its original dimensions in the modal window.

## Captions

Captions stored along with images will be displayed automatically at the bottom of the lightbox modal window.