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.
413 sites
36 fans

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
  • Picture of Stephen McConnachie
    Mon, 8 Sep 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, 30 Sep 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, 12 Dec 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, 12 Dec 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, 29 Apr 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, 21 May 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, 21 May 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, 27 Jun 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, 14 Oct 2015, 7:50 AM
    please update this great plugin to moodle 2.9
  • Picture of Thomas Eibel
    Wed, 17 Aug 2016, 6:39 PM
    Hi Paul,
    Thank you for this plugin. I tried to install in moodle 3.1 and get the error message (translated from german installation):
    Check block_slideshow ... Error
    [Error] the plugin shows no module name [null
    Installation aborted due to faulty installation.

    Do you have any clue?
    thank you!
    Thomas Eibel
  • My Hero
    Sun, 21 Aug 2016, 3:56 AM
    Hi Thomas,

    Sorry for the delay in getting back to you. To make it work in v3.0 and v3.1, you will have to edit two files:

    In version.php, add the line
    $plugin->component = 'block_slideshow';
    above the $plugin->version line

    And, in lib.php, change line 81 from

    I plan on releasing a new version shortly, but until then, these two changes will get it working.

  • Picture of Nadav Kavalerchik
    Wed, 24 Aug 2016, 10:44 PM
    A working version (fork) for Moodle 3.1 :
  • My Hero
    Fri, 2 Sep 2016, 10:56 AM
    Slideshow is now updated for 3.0/3.1
  • Picture of Kevin Hardin
    Thu, 13 Apr 2017, 11:27 PM
    Are there plans to update this block to work with Moodle 3.2 ?
  • Picture of shivshankar kesha
    Fri, 30 Mar 2018, 12:23 AM
    Am not able to add this plugin on dashboard page but its appearing on course page. Any further settings required ?
1 2 3
Please login to post comments