Select Moodle version:

Activities: Lightbox Gallery

This resource allows you to create 'Lightbox' enabled image galleries within your Moodle course. As a course teacher, you are able to create, edit and delete galleries. Smallthumbnails will then be generated, which are used for the thumbnail view of the gallery.
Maintained by: Picture of Andrew Hancox Andrew Hancox, Picture of Adam Olley Adam Olley


This plugin is part of set Lightbox Gallery. Plugins from the set work the best when installed together.

Clicking on any of the thumbnails brings that image into focus, and allows you to scroll through the
gallery at your leisure. Using the Lightbox scripts creates nice transition effects when loading and
scrolling through the images.

For Moodle 2.x, YUI version:


Maintained by: NetSpot <>
Original plugin by: Paul Holden <pholden[at]greenhead[dot]ac[dot]uk>.

For the Moodle 1.9 jQuery version:

Moodle jQuery Lightbox Gallery v1.0.0 (16th Nov 11)


Ported to jQuery from:
Lightbox Gallery v2.2.1 (12th May 09)
by Paul Holden pholden[at]greenhead[dot]ac[dot]uk

Port performed by Andrew Hancox at Kineo.

External documentation URL:
Source control URL:
Bug tracker URL:
Website URL:


Picture of Andrew Hancox
Andrew Hancox (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Adam Olley
    Thu, Jan 9, 2014, 7:07 AM
    Hi Sara/Matt,

    I"ve taken a look on a 2.5.3 moodle and a 2.7 dev and can't see what you're seeing. However I've only done a quick check with the Standard and Clean themes in Chrome.

    What browser are you using and which moodle theme?
  • Picture of Sara Cenni
    Fri, Jan 10, 2014, 6:03 PM
    Hi Adam.
    I'm using standard theme and Chrome.
    The problem seems to be in gallery-lightbox-min.js file.
    I compared the new version of the file with the previous one and I added ".hide()" to"#lightbox"), changing it in ""#lightbox").hide()" and now it seems to work.
    I'm not sure this solution is ok because I didn't check all the library's code.
  • Picture of Daniel Hoffmann
    Tue, Jan 14, 2014, 11:37 PM
    I have the same problem. here. I tried it on two different installations with the same browser. One works and one not. I upgraded the none working installation from 2.5 to 2.6 and it still does not work.
  • Picture of Corra Spe
    Tue, Jan 14, 2014, 11:49 PM
    Hi, I have the same problem on Moodle 2.6 with Safari, Chrome and Firefox. I have tried the solution proposed by Sara but it still does not work.
  • Picture of Adam Olley
    Wed, Jan 15, 2014, 6:44 AM
    HI all, I've updated the plugin over on github to fix the problem of the lightbox appearing at the bottom of the page and am about to update the download here.
  • Picture of Daniel Hoffmann
    Wed, Jan 15, 2014, 4:01 PM
    Hi Adam, on my site the problem seems to be another one. The plugin doesn't generate thumbsnails and resize images. I tried older versions too and it doesn't work. Find a scrrenshot here:

  • Picture of Vinod Vishwakarma
    Thu, Jan 16, 2014, 2:31 AM
    i am new to moodle and using 2.6 version with Lightbox latest release 15-02-2014, my query is this gallery is responsive like or not because visual lightbox is responsive ti screen size visit

    my images are not fitting into the screen size they sre gon out of the screen.

    Kindly help me
    Thanks in advance
  • Picture of Adam Olley
    Thu, Jan 16, 2014, 6:47 AM
    Daniel: Do you have the GD php extension installed? GD is used to generate the thumbnails and perform the other image editing actions.
  • Picture of Daniel Hoffmann
    Thu, Jan 16, 2014, 4:00 PM
    Hi Adam,
    I think so. Here's my system information.
    All other modules generation thiumbnails seem to work. for example the file manager. sysinfo moodle Thanks, Daniel
  • Just wondering . . .
    Fri, Jan 17, 2014, 9:34 AM
    It says at the top you need to install the lightbox gallery set. But the other plugin says it is only for 1.9. I'm assuming this is incorrect.

  • Picture of Adam Olley
    Fri, Jan 17, 2014, 10:13 AM
    Derek: The other plugin goes with the 1.9 version of lightbox and isn't relevant for the 2.x version.
  • Picture of Neil Johnson
    Sat, Jan 25, 2014, 4:36 AM
    How can I quickly delete all images and comments within a gallery without deleting the gallery itself.
  • Picture of Oliver Jackson
    Wed, Feb 26, 2014, 5:09 PM
    Hi Adam.
    Is there an easy way to speed up the transition animation to a new image? It takes long enough that users are mouse clicking to get to the next image before the animation has finished and it ends the slideshow because the Next and Previous click events aren't active yet?
  • Picture of Lex Thompson
    Mon, Mar 17, 2014, 9:55 AM
    I have been using the Lightbox in class with much success. The thing that would really help me to be able to use this exclusively, and not have to supplement with another platform, like flickr, would be for users to have the ability to make comments on specific images that are attached to the images themselves, not just dumped collectively at the bottom of the screen. Is this possible in some way that I'm missing? Does the future of the Lightbox Gallery hold this functionality? Please make my life easier and reduce the structural stress and confusion on my students!
  • Picture of Oliver Jackson
    Tue, Apr 1, 2014, 11:22 AM
    So I fixed my need for speed with the next image animation.
    The _showImage: function was missing the duration parameter in its animation in gallery-lightbox-min.js .
    I added

    duration: this.get("overlayDuration")

    to S=new B.anim({...}) and it's working as per the overlayDuration parameter now.
1 2 3 4
Please login to post comments