Overview

This article explains how to add multiple images directly to your website page without creating an album or gallery. The multi-image block allows you to showcase images in various grids or as a slideshow, with or without a title.

If you wanted to add and embed photo albums or galleries, rather than add images using a multi-image block, visit the links at the bottom of this article. 

Instructions

Follow these steps to add a multi-image block to a page in your website:

1. Select Components from the Edit tab:
   
2. Select Multi-Image Block:
   
3. When selected, Multi-Image Block is displayed:
   
4. Select the image(s) to display on the page in the block:
   1. Either select Upload images from device, and then upload new images from your device into Juniper Websites.
   2. Or, select Copy all images from an existing album. When prompted, locate and select the album that holds the images you want to use, then select Select:
      
5. Optionally, select the Sort Order of the images to be displayed. Select Name A-Z (ascending order) or Name Z-A (descending order).
6. Enter a Title for each image (this will be displayed when you roll over the image and improves accessibility):
   
7. Select Layout:
   
8. Select how you want the images to be displayed on your page from 1, 2, 3 or 4 Across in a grid, or Slideshow (by default, 3 Across is selected).
9. Optionally, if you'd like to include a title for the multi-image block:
   
   1. Select General.
   2. Check Include Title.
   3. Enter your Title.
10. Select OK to add the multi-image block to the content area.
11. Save your webpage.

Outcome

The image block will be added to your page:

To modify the multi-image block, after you have created it, select the multi-image block. The Multi-Image Block settings tabs are displayed. Make your changes, then save your page. 

Best practices

1. Use the table below as a quick guide when selecting images.

   Lower risk	Higher risk
   Group activity shots	Individual portraits
   Distance or wide-angle photos	Close-up facial images
   Images without uniform or name badges	Identifiable uniform or name badges visible
   Action shots showing hands or movement	Static, posed photos

2. Use low-resolution images where you can. Low-resolution images are harder to manipulate. 
3. When adding ALT text to images, describe the activity rather than naming individual children, for example, Year 4 science experiment. Ensure that you do not disclose any information, for example, a pupil or staff member's name that makes them easily identifiable.
4. Review the guidance provided at Protecting your setting’s images from AI manipulation and abuse (UK Safer Internet Centre).

1. Try not to use images of pupils on their own, or where pupils are clearly identifiable. It is better to use group, activity, or alternative angle photographs where possible.
2. Ensure there is no meta data attached to your image file (for example, EXIF data) that may reveal location, device details or timestamps.
3. When using ALT text or labels, ensure that you do not disclose any information, for example, a pupil or staff member's name that makes them easily identifiable. 

Related information

• Juniper Websites: How do I create a photo gallery?
• Juniper Websites: How do I embed a photo gallery in a webpage?
• Juniper Websites: How do I create a photo album?
• Juniper Websites: How do I embed a photo album in a webpage?
• Juniper Websites: How do I protect pupils in images on my school website?

Updated 14 May 2026 15:30