How to add an image gallery

Whenever you have a series of images or a collection of similarly themed images, using a gallery is the way to go. Why? Well, there’s a few reasons actually. Firstly, the gallery takes up only as much space on a page, as one single image, but can contain a large amount of images, for which you can decide to transition automatically or be displayed upon a user interaction like the swipe gesture or shape action. Galleries can also be viewed full-screen, enabling readers with even more features like zooming in/out and scrolling in all directions.

To place a gallery on a page, select the Gallery tool from the left-hand Tools panel, move it over to the work area and create a gallery element by dragging your mouse across the area where you want the element to be placed

After you release your mouse button, the gallery images editor will automatically open. This editor enables you to drag-and-drop images you would like the gallery to display. To rearrange the order in which the images are displayed, simply select one and drag it to a different location. If there’s an image you don’t want to display, you can remove it by clicking the trash bin icon underneath the image thumbnail.

 

The right-hand side of the editor window displays a few more bits of information about the selected image. At the top there’s a preview that’s slightly larger than the thumbnails so it’s more apparent which image you’ve selected. Below that is the image title, which, by default, is taken from the file name, but can be changed by typing or pasting in something else. Then there’s the original file name, which is there just for reference and is the only field that can’t be changed. After that is the url link of the image. That link will open in a new browser when a user clicks on the link icon, which will be displayed only when the corresponding option in the Gallery panel is enabled. The piece of info that you can add to a image is the description. This, in combination with the image title, will appear in the bottom of the gallery when the “Image title and description” option is enabled in the Gallery panel. It’s completely up to you if you want to add a title, link, and description to a image, but if you decide to enable the “Image title and description” option, we suggest that you also provide info for each and every image in the gallery so it looks consistent and professional.

Speaking of additional gallery options, there’s a few more, which can be found in the right-hand Gallery panel when a gallery is selected. The panel contains a drop zone that very intuitively enables you to drag-and-drop new images to the gallery. The same can be achieved if you click the “Edit images” button.


What’s more, you can specify how the images are going to be scaled, enable the slideshow and specify the time interval, enable swiping (on tablets), enable thumbnails and select their size, enable the full screen button and the navigation bar. All these options give you the freedom to define the way users will experience galleries within your edition so don’t be afraid to give them a go.

 

In this article

    Have something specific in mind? Don’t worry, just type what you are looking for. Here is our searchy searched.