Responsive Nivo Slider 2.0 is a site module for Joomla 4, 5, and 6 that shows a modern image slideshow built with vanilla JavaScript.

Version 2.0 replaces the old jQuery Nivo library with a lighter custom UI: themes, fade/slide/fold/zoom transitions, captions, dots or thumbnails, and folder or individual slides. Existing module parameter names are kept for upgrade compatibility.

Highlights

• Fade, Slide, Fold, Zoom, and Random effects
• Default, Light, and Bar themes
• Dot or thumbnail pagination
• Captions and optional slide links
• Individual images or folder mode
• No jQuery dependency
• Joomla 4 / 5 / 6 compatible

Requirements

• Joomla 4, 5, or 6
• PHP 8.1 or later recommended

Install

1. Download mod_rnivo_slider_2.0.zip.
2. Open System > Install > Extensions.
3. Upload and install the module.
4. Open Content > Site Modules, create a Responsive Nivo Slider module, add slides, assign pages, and publish.
5. Clear Joomla and browser cache.

Upgrading from 1.5 keeps your slides and most settings. Re-check Theme and Transition Effect after install.

• Slideshow Width: CSS width such as 100% or 960px
• Slideshow Height: fixed height such as 360px, or auto for a responsive ratio
• Theme: Default, Light, or Bar
• Pagination: show dots or thumbnails
• Navigation Arrows: previous and next controls
• Transition Effect: Fade, Slide, Fold, Zoom, or Random
• Transition Speed and Pause Time in milliseconds
• Pause On Hover, Auto Advance, and Random Start

Legacy Nivo effect names (for example sliceDown or boxRain) still save safely and map to Fold or Zoom.

• Source: Individual Image Path or From Folder
• Folder path: relative path such as images/gallery/ when using folder mode
• Show Images: Sequence or Random order
• Autoresize: optional cached resized copies under images/rnivo_slider/
• Slides (individual mode): image, caption, and optional URL per row
• Caption Bar: colours, font, size, weight, and opacity
• Enable Link: allow per-slide URLs and choose same window or new tab

• Module Class Suffix: optional wrapper class
• Additional CSS: optional rules. Useful selectors: .jx-rnivo, .jx-rnivo__frame, .jx-rnivo__caption, .jx-rnivo__dot

Assets load as rnivo-slider.css?2.0.1 and rnivo-slider.js?2.0.1 via Web Asset Manager.

General

• Slideshow Width
• Slideshow Height
• Theme
• Pagination / Pagination Type
• Navigation Arrows
• Transition Effect, Speed, Pause Time
• Pause On Hover, Auto Advance, Random Start

Slides

• Source (Individual or Folder)
• Folder path, order, sort, autoresize
• Caption bar colours and typography
• Links and slide rows

Advanced

• Module Class Suffix
• Additional CSS

• No slides appear

  • Confirm images are set in Slides, or that the folder path exists and contains jpg/png/gif/webp files. Publish the module and clear cache.

• Old look or broken script

  • Clear Joomla and browser cache. Confirm assets load as rnivo-slider.css?2.0.1 and rnivo-slider.js?2.0.1.

• Thumbnails missing

  • Enable Pagination and set Pagination Type to Thumbnails. Confirm there are at least two slides.

• Autoplay not running

  • Turn Auto Advance on. Check Pause On Hover and whether the OS reduced-motion preference is active.

• Captions blank

  • Enable Caption Bar and add caption text on individual slides (folder mode has no per-file captions).

• Too tall on phones

  • Use Slideshow Height auto for fluid layouts, or keep a fixed height: on small screens the module caps fixed stages to a 16:9 band.

• Which Joomla versions are supported?

  • Joomla 4, 5, and 6. PHP 8.1 or later is recommended.

• Does it require jQuery?

  • No. Version 2.0 uses native JavaScript and CSS with Joomla Web Asset Manager.

• Will upgrading from 1.5 keep my slides?

  • Yes. Parameter names stay the same, including the slides subform and folder source.

• Where can I get help?

  • Visit support.joomlax.com.