Your Moodle version

Blocks: Slideshow

Maintained by My Hero Paul P.
A block that inserts a slideshow in the header of the front page or course page. Features include customizable background colors, transition types, speeds, and size.

This is a new block which creates a slideshow in the header of a site or course page.  It uses jquery/cycle to handle the image transitions. Jquery is also used to manipulate the DOM to reposition the block's node into the heading div of the page. 

Since this is dependent on using moodle's built in jquery functions, it is not available for versions prior to 2.5.

It works with all core Moodle Themes except "Clean" due to an issue with the theme's ability to load Jquery correctly (MDL-41516)

Update: This block will work with the Clean theme on Moodle version 2.5.2 where MDL-41516 has been fixed.

Tested with:

  • Afterburner
  • Anomaly
  • Arialist
  • Binarius
  • Boxxie
  • Brick
  • Formal White
  • FormFactor
  • Fusion
  • Leatherbound
  • Magazine
  • Nimble
  • Nonzero
  • Overlay
  • Serenity
  • Sky High
  • Splash
  • Standard

(it may work with some third party themes, but most likely not with any bootstrap based theme due to MDL-41516.  If you have a third party theme and it doesn't work, send me a link to your site and I will update the code.)

Download, extract, and upload the "Slideshow" folder into moodle/blocks

Global Configuration:

  • Set maximum number of slides in a slideshow
  • Set maximum file size of slides

Instance Configuration:

  • Title - Set title of slideshow  (leave blank to hide block's heading)
  • Height - Sets height of slideshow and images **NOTE** this block will not rescale image files, it will only change the display size
  • Transition - Choose from various slide transitions (some are a bit clunky, but most work well)
  • Delay - Sets the time for which a single slide is displayed
  • Background color - Clicking in this textbox triggers a colorpicker
  • Display as normal block - Selecting this will have the block appear in a side column instead of being embedded in the header
  • Transparent - Clicking this overrides the background color setting and makes the background transparent
  • Image selector - Will only accept gif, jpg, or png files


Screenshot #0
Screenshot #1
Screenshot #2


My Hero
Paul P. (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • My Hero
    Fri, Nov 15, 2013, 6:54 AM
    Hi Javier,

    I'm not sure what would cause that, but perhaps you can send me the url of the website?

    Also, were your images originally the same or different sizes? I find that if the images are edited first to be the same size, there are fewer issues.
  • Picture of Bernard Vuilleumier
    Sun, Dec 8, 2013, 1:14 AM
    Hello Paul
    Thank you for this beautifull plugin. I use it on Moodle 2.6. It works fine:

    Do you think if it will be possible in the future to associate url with the images?
    I use this with a slider in a CMS:

    With a click on an image we can reach another page.
    Best Regards.
  • Picture of Zhu XJ
    Tue, Feb 4, 2014, 6:56 PM
    Hi, Paul,
    The Moodle version is 2.6, but fail to install slideshow:

    Validation failed!Help with Validation failed!
    Status Message Info
    OK Name of the add-on to be installedHelp with Name of the add-on to be installed
    OK Add-on version
    OK Required Moodle version
    Warning Declared maturity levelHelp with Declared maturity level
    OK Add-on release
    Error English language file name mismatch The given add-on type is missing the expected English language file slideshow.php.


    Any advice?
  • Picture of Bruce Nguyen
    Wed, Jun 4, 2014, 4:06 PM
    Wed, 4 Jun 2014, 4:05 PM


    I cannot run with moodle 2.6.2. Not show up add picture button (just see waiting cursor).

    Can you please help me.

    Thank you so much.
  • My Hero
    Mon, Jun 30, 2014, 2:09 AM
    Hi Bruce,

    Sorry for the late reply.

    I just tested this in 2.6.2 and it is working for me. Can you give me more details regarding your installation? I.e. are you trying to include this into the frontpage, a course page? What theme are you using?

    Also, turn debugging on and see if there are any error messages.

  • My Hero
    Mon, Jun 30, 2014, 2:15 AM
    Hi Zhu,

    Sorry for the late reply.

    I'm not sure what would cause that issue, since the plugin works in versions 2.5, 2.6, and 2.7, however it sounds like you are trying to install it from the admin interface.

    A couple of things to try:
    1) make sure your permissions of the directory are correct (see
    2) see if the issue is with php's max_execution_time (see

    I hope this helps,
  • Picture of Stephen McConnachie
    Mon, Sep 8, 2014, 11:14 AM
    Hi Paul, I'm interested in your plugin but not sure if it will work in my Moodle - I'm running Essential theme, which is bootstrap based ("it may work with some third party themes, but most likely not with any bootstrap based theme") - do you know if it works in Essential?
  • Picture of Edward Higgs
    Tue, Sep 30, 2014, 11:23 PM
    Hi Paul, this is a really good block and I'm using it on my Moodle 2.6.4 site with a "contemporary" theme.
    Unfortunately the images are appearing on-top-of my logo rather than underneath it, any ideas?

  • Picture of mike A
    Fri, Dec 12, 2014, 9:32 PM
    Thanks for a great slideshow Paul

    I have a question, I am using Essentials theme in Moodle 2.6.2, the slide shows works great in side mode and in top mode, however when in top mode the links bar appears underneath it. Is there anywhere that I can amend the code to appear underneath the link bar...if that makes sense :p
  • My Hero
    Fri, Dec 12, 2014, 10:32 PM
    Sorry - I haven't been checking these comments.
    @Stephen - according to mike, it looks like it works in essential
    @Edward, @mike - can you send me a private message with a url to your sites? I'll see what I can do.
  • Picture of Nacho Aguilar
    Wed, Apr 29, 2015, 7:03 PM

    Thanks for the block!
    Is it possible to use an existing folder inside the course o Moodle?
    I have a lightbox gallery module with photos inside it and I wonder if could use that folder instead of upload photos again.

  • Picture of Alvaro Altamirano
    Thu, May 21, 2015, 5:38 AM
    Hi Paul

    I'm using the block and it work fine, thanks!!, but I want to know where moodle save the image files of the block. In other words, I want to know exactly the directory in the moodle server where moodle save the images of the block. I'm using moodle 2.7.
  • My Hero
    Thu, May 21, 2015, 5:50 AM
    @Nacho and Alvaro
    I'm not sure if what you are looking to do (use an existing lighthouse folder to upload photos) is possible. The plugin stores the images internally via the moodle filesystem and doesn't retrieve them by accessing a file directly, and instead uses the built in file.php class. I would assume you can alter the code to have it retrieve the files from another directory, but I wouldn't know how to go about doing that.

    I'm not sure this is necessary - if you have a directory on your computer with the images, just select them all in an Explorer/Finder/Nautilus window and drag them all in at once.
  • Picture of Bill Steele
    Sat, Jun 27, 2015, 6:31 PM
    Really like Slideshow. Using it with BCU. Any advice on image sizes as it does not resize for mobile?
  • Picture of ahmed al-ammari
    Wed, Oct 14, 2015, 7:50 AM
    please update this great plugin to moodle 2.9
1 2 3
Please login to post comments