Sharing image galleries

Module name

Lightbox Gallery

Module type

Resource

Author

Paul Holden

Released

2007

Maintained

Actively

Languages

English, (plus language packs for Basque, Catalan, French, German, Hebrew, Hungarian, Italian, Japanese, Portuguese Brazilian, Spanish)

Compliance

Good

Documentation

Limited online documentation

Errors

None

If you are wanting to display a library of images to students in a course, here is a solution for you.

The Lightbox Gallery allows a directory of images to be displayed and adds a number of image editing features that may be valuable to teachers.

Getting ready

Download and install the module into the /moodle/mod/ directory and visit the Notifications page. Check global settings, but avoid diverging from defaults unless you have a specific reason.

How to do it...

The Lightbox Gallery reads images out of a directory, so before you add it, you will have to create a directory and upload images to it.

Click on Files in the Administration block on your course page. You will be taken to the files area for your course.

How to do it...

On the left of the files area, near the bottom, click on the button labeled Make a folder.

How to do it...

Type in an appropriate name for your folder and click on the Create button.

How to do it...

Your new folder should now appear in the files area. Click on the name of the folder to view the folder.

How to do it...

When inside the folder, click the Upload a file button. You will be shown a page where you can browse for a file on your computer and upload it. Do this for each image you wish to add to your slideshow. You will want to upload JPEG images (files with a .jpg extension).

How to do it...

On your course page, add a Lightbox Gallery from the Add a resource… menu.

How to do it...

The configuration of a Lightbox Gallery is very simple indeed. All you have to do is name it and select the directory where images are (or will be) stored. You can add a description and there are some advanced settings that can be changed, although the defaults should suit most users.

How to do it...

The Lightbox Gallery displays images as thumbnails. When a thumbnail is clicked the image is displayed 'floating' on the page.

How to do it...

With the image displayed a user can navigate forward or backward. Controls for this appear when the user moves the mouse over the top-right or top-left corners of the image respectively. Image information is displayed at the bottom. The user can close this display and return to the thumbnails.

How to do it...

To edit the image and its entry in the gallery, there is a button near the top-right of the page labeled Turn editing on. When clicked, the view for the teacher changes and below each image thumbnail there appears a list of properties that can be changed and actions that can alter the image. Clicking one of these takes the teacher to a new page where this can be achieved.

How to do it...

While editing one aspect of the image the teacher can also change other aspects or perform actions on the image by selecting the appropriate tab at the top of the page. This is quite convenient and makes good use of the PHP image libraries. It is also convenient to be able to move forward and backward through the image library, or to jump to another image by selecting its filename from the drop-down list. When changes have been made, the teacher can return to the gallery by clicking the button on the top-right of the page.

How to do it...

A handy feature of the Lightbox Gallery is the potential to add a new image, or a zipped collection of images. At the bottom of the gallery page is a link labeled Add image which leads to a page where image files can be uploaded. You can label and resize images as they are uploaded.

There's more...

Here are some practical applications for image slideshows:

  • Happy snaps from the class excursion or sports carnival
  • Collected media images of a current news event
  • Historical photos that provide a history of a contemporary topic
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset