Image Gallery Add-on

Tutorial: Features Overview and Setting Up Image Gallery Add-on.

In this tutorial we will show you how to enable the Image Gallery Add-on in your Advanced HTML Editor 3 and the main features packed in it.

*You can also check out the video.

How to do it

1. First, we are going to insert the Advanced HTML Editor 3 on our page. Click the Advanced HTML Editor 3 icon and the dialog will pop up.
   
   

2. We are going to enable the Image Upload option (1) and select an Upload Folder (2). We will use this folder as a source folder for the Image Gallery Add-on.
   
   

3. In the Add-ons tab (1) we will select the Image Gallery Add-on and enable it to work with our HTML Editor (2) by clicking on the image Gallery options button (3).
   
   

4. Now, we will customize the appearance of the Image Gallery Add-on. First, we need to select the source folder for our images.
   
   

5. In thumbnail view we will set the size of the images' thumbnails (1) the number of rows and columns (2) and the spacing between them (3).
   
   

6. For our tutorial we will use the Image bullets paging style.
   
   

7. In the Zoom Panel we will enable the zoom (1), select the preview window size (2) and choose the panel position (3).
   
   

8. Enable the filtering based on image filename (1), select the Allow Upload check box (2) in order to enable the direct image upload in the gallery and check Allow Delete check box (3) to allow the image deleting in the gallery.
   
   

9. When you're done, simply click OK and you have your Image Gallery Add-on within your Advanced HTML Editor 3, ready to use.