Blocks ::: block_slideshow
Maintained by My HeroPaul 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.
Latest release:
342 sites
45 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
  • 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.
  • 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.

  • 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.
  • 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?
  • Wed, Oct 14, 2015, 7:50 AM
    please update this great plugin to moodle 2.9
  • Wed, Aug 17, 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, Aug 21, 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.

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

    I've just downloaded this plugin. How exactly do we upload slideshows? The plugin does not accept .ppt files, and only allows me to upload a maximum of 5 images files.
  • Wed, May 15, 2019, 3:48 PM
    i cannot insert this block in the header. what did i miss?
1 2 3
Please login to post comments