A simple shortcode for hugo to add a gallery slider. It will fetch all images of a specified directory to display as a slideshow.

A live demo with sample images is available.

Copy the file gallery-slider.html to the /layouts/shortcodes folder of your hugo installation.

1. Place the gallery images in a subfolder inside the hugo/static folder (for example hugo/static/img/portfolio).
2. Inside your content, use the shortcode gallery-slider and pass the subdirectory as the dir-parameter.

{{< gallery-slider dir="/img/portfolio/" >}}

You may choose any icon from the FontAwesome CSS-classes listed here: http://fontawesome.io/icons/

<!-- Default use-case -->
{{< gallery-slider dir="/img/portfolio/">}}

<!-- Set width and height -->
{{< gallery-slider dir="/img/portfolio/" width="800px" height="350px" >}}

<!-- Set left and right icon -->
{{< gallery-slider dir="/img/portfolio/" arrow-left="fa-angle-double-left" arrow-right="fa-angle-double-right" >}}

<!-- Set automatic sliding duration -->
{{< gallery-slider dir="/img/portfolio/" auto-slide="2000" >}}

This shortcode automatically loads it's necessary dependencies unless disabled via configuration. Thanks to these awesome libraries:

• FontAwesome 4.7.0
• JQuery 1.3.2

Licensed under the MIT license.

For futher information see LICENSE.