M26 - Lightbox Gallery

Keywords: images, photos, lightbox, gallery, display, slideshow, photographs

What is it?

This resource allows you to create Lightbox-enabled image galleries within your Moodle course. Small thumbnails will be generated, which are used for the thumbnail view of the gallery.  

Why use it?

Allows you to create a visually engaging Moodle course, and students can contribute to the images when the correct settings are applied.

Who can use it?

Course Administrators and Tutors can create, edit and delete galleries. They can also delegate editing rights to students if they choose.

Students can view the images within the gallery.

Before I start...

Ensure your images are clearly named.

Meeting the baseline

The  UCL Connected Learning Baseline  suggests the following for Resources :

• 5.1 Use descriptive titles for all items and consider displaying the item's description on the course homepage, as this helps students understand the purpose of the activity or resource.

• 5.2 Provide learning resources - Provide presentation slides, notes or handouts. See which file format to use when. UCL policy is to provide lecture materials 48 hours in advance. 

• 5.4 Check resources - Regularly fix or remove broken hyperlinks (URLs) and check that all resources are up-to-date before releasing these to students.
• 5.5 Embed videos and other media  (such as animations, audio, virtual labs) from Lecturecast, Box of Broadcasts, YouTube, Vimeo, Khan Academy and other sources.

How do I set one up?

1. Switch Edit mode on, click Add an activity or resource in the required section, then select Lightbox Gallery from the pop-up.
2. Add a name and description.
3. Scroll down and click Save and display.
4. Click Add images to enable the file browser to appear, where you can locate and select the required images from your computer.
5. Once you have selected your images, click the Add images button.
   
   

How to add more images or edit existing?

1. To add more images select Add images in the bottom left corner.
2. To edit existing images, make sure Edit mode is switched on, then click the Choose dropdown underneath an image.
   
    
   
   
3. The Choose dropdown gives you the following options:
   1. Caption - Allows you to rename the image - make sure you click the update button when you have finished.
   2. Delete - Removes the image from the gallery.
   3. Flip - You can flip the image either vertically or horizontally.
   4. Resize - Change the size of the image either by Dimensions or Scale.
   5. Rotate - Allows you to rotate the image by -90°, 180° or 90°.
   6. Tag - Adding a tag makes searching for an image easier.
      
   7. Thumbnail - Set the index image for the gallery and adjust the offset of the thumbnail images.
      

Caution

Ensure you have copyright permissions for any images you display. UCL Copyright advice