Add Images to the Gallery

Mura provides two methods for adding images to a gallery. Images can be uploaded either one at a time, or you can select multiple images to be queued for uploading which provides for a faster, more traditional file upload experience.

Adding One Image at a Time

Follow these steps to add a single image to the Photo Gallery:

  1. In Site Manager, mouse over the plus sign next to Photo Gallery and select Add Content.
  2. This should launch the Select Content Type dialog window with two options: Add Gallery Item and Quick Upload.
  3. Click Add Gallery Item.
  4. The Edit Content screen should display.
  5. Complete the fields as follows:
    1. Title: This is the title of the image that will display above the image on the image details page. For example, "Cute Pandas."
    2. Select Associated Image to Upload: This is the image file that you would like to add to the Gallery. For example, /1-mura-admin/sample-content/photo-gallery/Image1.jpg
  6. Click Publish
  7. The Image Details screen should now appear.
  8. If, for some reason, you are not satisfied with the way that the photo was automatically cropped, you can generate a new thumbnail for any of the default thumbnails. To generate a new thumbnail, follow these steps:
    1. Click Re-Crop on the desired thumbnail (e.g., Medium).
    2. A dialog window should open with the original image.
    3. Click and drag across the desired section of the image you wish to use ad the new thumbnail, then click Apply Cropping.
    4. The new thumbnail should now appear on the Image Details screen.
  9. Preview the Photo Gallery. Your Photo Gallery should looks similar to the following:
  10. Clicking the thumbnail image should launch a modal window to display the Large image.

Adding Multiple Images

Follow these steps to add multiple images to the Photo Gallery:

  1. In Site Manager, mouse over the plus sign next to Photo Gallery and select Add Content.
  2. This should launch the Select Content Type dialog window with two options: Add Gallery Item and Quick Upload.
  3. Click Quick Upload.
  4. The Quick Upload screen should display.
  5. There are two methods to adding multiple images:
    1. The first method is to click the Add files... button.
      1. Navigate to where your images are located (e.g., /1-mura-admin/sample-content/photo-gallery/), then click one or CTRL+Click (CMD+Click on a Mac) to select multiple images.
      2. Click Open.
    2. The second method is navigate to where your images are located, then drag and drop your images onto the browser.
  6. Click Start upload to begin uploading the images.
  7. When finished uploading, you can click on any image to edit its properties such as Title, etc.
  8. When finished uploading, you can click on any image to edit its properties such as Title, etc.
  9. Click on the image to go to the Image Details screen where you can then Re-Crop any of the image thumbnails as desired.
  10. Preview the Photo Gallery.
  11. The Photo Gallery page should be updated to display the thumbnails of each image added to the Gallery.
  12. Clicking on a thumbnail image in the gallery will display the large version of the image in a modal pop-up window. You can then navigate the images by using the Next and Previous links below the modal window.