Versions Compared
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Insert excerpt | ||||||||
---|---|---|---|---|---|---|---|---|
|
Info | ||
---|---|---|
| ||
Level 2 or Higher - See permission level document for details |
Overview
This document shows unit administrators or web committee members how to create photo galleries on their Drupal web sites.
Table of Contents
Table of Contents | ||||
---|---|---|---|---|
|
Creating Photo Gallery Carousels
Photo gallery carousels are used to display photos for events, club members, award ceremonies. etc. The gallery will be its own page and you can link to the gallery from other pages within the website.
Step 1: Create a new Photo Gallery Carousel
First click on 'Content.'
Next, click on the ‘Add Content' button
Image Modified
Now Click on the ‘Carousel’ Button
Image Modified
You should get this page:
Image Modified
Step 2: Fill in Optional Fields
The minimum this page needs to have is a title, but you can add a description of the gallery in the body, if you like. Of course, you’ll want to add photos as well.
Image Modified
Step 3: Add Images to Your Carousel
In the Carousel Images section, click on the ‘Add Media’ button. This is where you will add your photographs.
Image Modified
Click on Browse to add photographs from your computer.
Note: You can also add photos from other galleries by selecting the check box by the photo you would like to add (see below).
Image Modified
The files from your computer will pop up on your screen. Click on the file, select it and then click ‘Upload’.
Image Modified
To upload multiple photographs at once, select the ones you would like to add from your computer:
Image RemovedImage Added
Now you will add the Alternative Text (required) and a caption, if you like. If you do not add a caption when you upload the image, you can edit/add captions later but it is another step so we recommend adding captions during upload. Read the documentation for adding or editing a caption later.
Image Removed
Click on ‘Save’
Image Added
You have two options for saving your photo(s).
Click on the ‘Save and Select’ button if you would like to save the photo(s) you added and select additional ones for the carousel.
Click on 'Save and Insert' if you only want to add the photos you are uploading from your computer.
If you click on 'Save and Select', you will get the screen below and can check the boxes next to additional photos you'd like to add to the gallery. Click on 'Insert selected' to add the selected photos to your gallery.
Image Added
If you select 'Save and Insert' you will get this screen and the photo(s) will be automatically added:
Image Added
Click on 'Save'
You will now see this page with the photos you just added. They will have the boxes next to them checked.
At this time, you can add additional photos in the gallery by checking the box beside them.
Click on the ‘Insert Selected’ button to add the selected photos.
The new photos you added are now in the new Photo Gallery you created. Your page should look like this:
Image RemovedImage Added
Make sure to have the box "Use Pager" checked! Otherwise the photos will not go side by side.
Step 4: Save your new Photo Gallery
Click on ‘Save’
Step 5: View your Photo Gallery
You have now created your Photo Gallery and it should look like this:
Viewing All Galleries
This feature automatically creates a list of photo galleries in your site, if you have more than one. You can go to YOUR URL/galleries to see the list of photo galleries. An example of a site with multiple galleries is here: https://diversitythroughdance.franklinresearch.uga.edu/galleries. It looks like this:
Want to embed a photo gallery in your basic pages or news articles? See the documentation.
Insert excerpt | ||||||||
---|---|---|---|---|---|---|---|---|
|
Insert excerpt | ||||||
---|---|---|---|---|---|---|
|