Add an Image Gallery

Help Center → SimpleSite Help Center → Add an Image Gallery

SimpleSite enables you to quickly create a gallery of your favorite digital photographs, graphics, or other images. The SimpleSite image gallery allows you to easily organize your photos or graphics, and add captions and full descriptions to the images. SimpleSite automatically creates thumbnails of your images to display in the gallery, in addition to pages featuring the full-sized image and the description.

Add a gallery to your Web page.

  1. Create a new page Click thumbnail to view full image.
    Select Image gallery from the "Insert" drop-down menu in the section in which you want to insert the image gallery (see illustration on the right). A new, blank image gallery will appear at the bottom of the section.
  2. Enter a title for you gallery in the "Title" text area.

Add an image to your gallery.

Once you have inserted an image gallery into your Web page, you can begin adding images to the gallery. You can either insert an image that you have already saved to your Web site, or upload a new image and then insert it into your gallery. Follow the appropriate steps below to add an image to your gallery.

To insert an image that is already on your Web site or (elsewhere on the Web):

  1. Click Edit image . The "Insert Gallery Image" dialog box will appear.
  2. Enter the URL of an image, or click Select and then select the image file you want to insert from the folder tree in the left frame.
    Note: If you would like to preview the image before inserting it into your Web page, click Preview. The image will appear in the "Image Preview" space below.
  3. Enter a brief caption for your image in the space provided. The caption will be displayed underneath the thumbnail of your image in the gallery.
    Note: You can also edit the caption directly in the image gallery on your Web page.
  4. Enter a text description of your image in the "Image description" text area. The description will be displayed above the full-size version of your image when opened.
  5. Click Insert.

To upload and insert an image:

  1. Click Browse and locate the image on your computer.
  2. Click Select and then select the folder on your Web site in which you want to save this image from the folder tree in the left frame.
  3. Click Upload. The image will be saved on your Web site, and the URL will appear in the "Image URL" field.
  4. To upload another image, repeat steps 1-3.
  5. To insert this image into your Web page, follow steps 2-5 above.

Work with your image gallery.

You can move, hide or delete your image gallery. You can also modify the format of your gallery to control how the thumbnails are organized on your Web page. Below are the options for working with your gallery.

Move gallery: To move the gallery within the layout area, click the up or down arrows on the "Image gallery" toolbar until the image gallery appears in the desired position.

Hide gallery: If you don't want your image gallery to appear on the published Web page, select Hide in the "Image gallery" toolbar.

Delete gallery: You can delete the entire gallery by clicking Delete gallery Delete icon on the "Image gallery" toolbar. Note: Deleted galleries cannot be recovered.

Change number of columns: The gallery displays four images per row by default; you can use the "Columns" drop-down menu to change the number of images displayed across each row in your gallery.

Add another image space: By default, the gallery has 6 images spaces; to add additional spaces, click the Add image in the "Image gallery" toolbar. A new image space will be inserted at the end of your gallery.

Delete an image space: You can easily remove image spaces. Just click Delete Delete icon on the image space you want to remove. Any content will also be deleted.

Move images in the gallery: You can rearrange the order of images in your gallery by moving an image space right or left. The images are displayed in order, starting at the upper left, moving across the row horizontally, and then wrapping down to the next row when all of the columns have been filled. For example, clicking the left arrow button for the first image in the second row will move the image to the end of the first row.