jekyll-bootstrap-slideshow

jekyll-bootstrap-slideshow

Slideshow for Jekyll posts/pages based on Bootstrap

jekyll-bootstrap-slideshow

Jekyll slideshow based on Bootstrap v4.6 carousel and grabs information via post/page front matter

Prerequisites

This is based on Bootstrap v4.6. Bootstrap v5.0 beta is not supported.

How to Use

Make sure that post-slideshow.html is in your Jekyll site's _includes folder. The slideshow is defined by the YAML front matter for each post:

slideshow-name:
  - image: /path/to/image/url
    caption: "Image caption"
  - image: /path/to/second/image/url
    caption: "Second image caption"

The array can be as long as needed, just make sure each image is defined.

The slideshow will be displayed inline in the post/page, and is called thus:

{% include post-slideshow.html gallery-id="slideshow-name" %}

A post/page can have multiple slideshows. Make sure that slideshow-name is different in the post/page front matter and that in the markdown in the page, the gallery-id references the right slideshow-name.