2013 University St Mark & St John | v 0.

Using Moodle activities: Lightbox Gallery

What is the Lightbox Gallery and how can I use it?

The Lightbox Gallery allows you to display an album of images inside a LearningSpace module. Students are
presented with small ‘thumbnails’ images, which enlarge when clicked.

You could use a Lightbox Gallery to display photographs from a field trip or examples of student work.

If enabled, users are also able to leave comments on your gallery.

How to add a Lightbox Gallery to your study module

First you need to log into Learning Space and navigate to your study module.

Next click the button at the top right of the page.

In the topic that you want to add a Lightbox Gallery, simply select
‘Lightbox Gallery’ from the pop-up menu;

Then click

Now you need to give your Lightbox

Gallery a title and a description;

You can optionally change

‘Advanced’ settings if you like;

Using Moodle activities: Lightbox Gallery Page | 1

 2013 University St Mark & St John | v 0.1

Scroll down and click the button.

Your Lightbox Gallery is now set up and is now ready to use.

Image sizing
Images captured on a modern digital camera are generally huge! It is great have large, detailed images when
you intend to print them, but it is overkill when all you want to do is look at your images on the screen.

You should resize the images before uploading them, to do this you will need to download and install a
programme called fotosizer.

Go to: http://www.fotosizer.com/

Click on the green ‘Download now’

button;

Click on the green ‘Download now’

button again;

You should then see this message;

Using Moodle activities: Lightbox Gallery Page | 2

 2013 University St Mark & St John | v 0.1

Go to your ‘Downloads’ folder and double

click the ‘fsSetup206.exe’ file to install the
programme;

Note: If you are not sure where your downloads folder is then follow this breadcrumb;

Computer > Local Disk (C:) > Users > YOURNAME > Downloads

If you see the following message click ‘Run’;

Click ‘Okay’;

Click ‘Next’;

Using Moodle activities: Lightbox Gallery Page | 3

 2013 University St Mark & St John | v 0.1

Tick the ‘Terms & Conditions’ box and click ‘Next’;

Click ‘Next’;

Now click ‘Install’;

When the installer is complete, click ‘Finish’;

Using Moodle activities: Lightbox Gallery Page | 4

 2013 University St Mark & St John | v 0.1

On opening ‘Fotosizer’ you will see the following screen, click

‘Continue’;

You can now drag and drop

your photos into Fotosizer;

When you have added all of the

images you want, change the
‘Resize Settings’ to; 1024px x
768px;

Using Moodle activities: Lightbox Gallery Page | 5

 2013 University St Mark & St John | v 0.1

Scroll down and edit the ‘Destination Settings’ this is

where you want to save your images;

Now click

When your images have been successfully

re-sized you will see the following window
and will be able to click the ‘Close’ button;

Adding images to your Lightbox Gallery

Click on the name of your gallery to start adding images;

Now click on the ‘Add images’ link;

From here you can drag and drop the images you want to add to your light box, or alternatively you can
use the file picker;

Note: You need Internet Explorer 10, or another modern browser, to use drag and drop functionality

Using Moodle activities: Lightbox Gallery Page | 6

 2013 University St Mark & St John | v 0.1

Drag and drop method;

File Picker method;

2) Click Choose File to select

a file from your PC

1) Upload a File: resources

that are on your local PC

3) Click Upload this File

to confirm

Once you have added your images click the button.

Using Moodle activities: Lightbox Gallery Page | 7

 2013 University St Mark & St John | v 0.1

Your images should now

be displayed;

You can add to this

gallery by selecting the
‘Add images’ link;

Clicking on a thumbnail will produce the following Lightbox slide;

More help
If you require any help please pop into the e-Learning Team office in room 108 or contact us via email:

LSHelp@marjon.ac.uk

Using Moodle activities: Lightbox Gallery Page | 8