Image Gallery

The Image Gallery allows you to display a simple but elegant gallery of images on your website. This gallery provides fade effects and automatic navigation for the user; though, appearance and behavior is customizable with CSS / JS.

Follow Along with this Video Tutorial

Follow Along with these Video Tutorial

Adding / Editing

To add / edit an instance of the Image Gallery, edit the draft of a page, then use the WYSIWYG insert button in the location to insert, or edit.

The plug-in has few options currently.

  • File - the image file whose path should be used to create a list of images in the same folder
  • Sort - alphabetical sorting from a-z or z-a

Website Display

On the website the Image Gallery looks something like this by default. The next / previous buttons automatically navigate, as well as clicking the main image, or thumbnail images.

Contact this Author: < Nicholas Bott >