Slider

Blocks ::: block_slider
Maintained by Kamil Łuczak
Slideshow block, with easy setup and configuration.
Latest release:
1366 sites
53 fans
Moodle 3.1, 3.2, 3.3, 3.4, 3.5, 3.6, 3.7, 3.8

You can add slider, and configure parameters like interval, disable navigation or pagination, add header text or slide effect, and more.

Slider can be responsive or not.

Block uses SlidesJS or bxSlider jQuery based slider library.

New features
Allow to hide slide title and description untill mouse hover, with css animation effect.
Display slide descriptions below slide title.

bxSlider
New slider js library - bxSlider - allows You to confgure more settings and set how slider should behave.
filter_slider

A must-have addon for block_slider. Now is fully supported by this Block.

Filter plugin that will allow to display block_slider anywhere on Moodle is ready.

How does this block wrapped by filter_slider looks in Moodle content?

Below You can see an example inside sample course.

Any ideas?

Feel free to contact me if You have any questions.

I can also put your ideas into the block.

If You need new features please post it on github's plugin page. Any support will be appreciated.

Contributors

Kamil Łuczak (Lead maintainer)
Please login to view contributors details and/or to contact them

Awards

• Fri, Apr 17, 2020, 4:05 PM
Hi! I have installed slider but really dont understand how to get in course? what does it mean addon for slider? where can i get it? thank you
• Thu, Apr 30, 2020, 5:08 AM
Hello, all... I've tried this block in moodle 3.5 and moodle 3.8 and I can't get the images to be displayed on the screen, only the navigation arrows, as well as the button to configure the slider and add other images. The main setup menu and image upload works fine, but then images are not displayed.
I tried it both on the 'my' page and in a course.
In addition to this block, do I have to configure or install something else?
• Thu, Apr 30, 2020, 4:20 PM
Hello Manuel, try switching the version of Slider JS Library in block settings or switch to BX Slider and enable Use CSS.
Slider JS library: BX Slider or SlideJS.

Do You have any errors when entering console in Your browser?
https://developer.mozilla.org/en-US/docs/Tools/Browser_Console
• Thu, Apr 30, 2020, 11:20 PM
Thanks for tour response, Kamil... I'm afraid I'm doing something wrong because I don't see the menu for change Slider JS Library. I remember to see it when I installed the plugin in both sites, but now I don't see it. If I search fot it in admin/search.php, can't find it. In code, i see there is no a settings.php file. Sorry for this silly question, but... How can I access that menu?
• Thu, Apr 30, 2020, 11:36 PM
You have to Turn on Editing Mode then click Gear icon near Block title and choose from drop down menu Configure Slider Block.
• Fri, May 1, 2020, 1:14 AM
Thanks a lot, Kamil... Looks now the slider works fine. Thank you for your help... Much appreciated.
• Fri, May 1, 2020, 8:03 PM
Hi Kamil

Is it possible to make a setting, so that the description of the slide is shown under the headline.
Right now the description is only used in setup.
• Mon, May 4, 2020, 2:31 PM
Hi Henrik,
I will add this feature in next version.
• Thu, May 14, 2020, 11:17 PM
Hi Kamil from Nicaragua, I have a question:
I have 15 Courses, can I create a diferent slider for each course, any idea?
• Fri, May 15, 2020, 12:55 AM
Hi Luis, just add slider block in each course.
• Tue, Aug 18, 2020, 4:25 AM
Is it compatible with 3.9+ version of Moodle?
• Fri, Sep 4, 2020, 8:08 AM
Hi Kamil,
I´ve installed slider with 3.9. Unfortunately the el.redrawSlider is not working f.e. when the drawer is showing up. So the slides are keeping their original size and a part of them is hidden. I am using boost and tryed to deactivate all css modifications. But that was not the problem.
• Mon, Jan 11, 2021, 7:11 PM