SIMPLE RESPONSIVE SLIDESHOW is a free responsive Joomla! module that lets you upload up to 10 images to create a slideshow and customize each slide.

responsive
images

add the
caption text

parameters
for each slide

free Joomla!
module

Simple Responsive Slideshow Documentation

The downloaded package for the module is a .zip archive that needs to be unzipped before use. After it has been unzipped, inside the downloaded package you will find:

  1. the module's .zip archive - must to be installed using EXTENSIONS/MANAGE/INSTALL
  2. the ReadMe.txt file - has useful information about the product

Once installed, find the module in EXTENSIONS/MODULES and open it:

Simple Responsive Slideshow Joomla module documentation main screen

MODULE SETTINGS - this tab controls the general settings, the ones that apply to all elements of the module.

MODULE CONTENT - this tab controls the individual settings for each element of the module such as images and text for each one of the slides.

Module Settings

1. Slider Options

Simple Responsive Slideshow Joomla module documentation settings main

  1. LOAD JOOMLA! JQUERY - This setting loads Joomla!'s jQuery library. Choose NO if your website loads jQuery from an external source.
  2. TRANSITION EFFECT - Choose between FADE or SLIDE animation types for the slides.
  3. SLIDE DIRECTION - Choose the sliding direction, either horizontal or vertical.
  4. CYCLING SPEED - Insert the speed of the slideshow, in milliseconds. Insert only the value, for example: 5000, not 5000ms. A blank field reverts the setting to the default value.
  5. ANIMATION DURATION - Choose the speed of the animations, in milliseconds. Insert only the value, for example: 5000, not 5000ms. A blank field reverts the setting to the default value.
  6. SLIDESHOW BACKGROUND COLOR - Choose the color for the background of the slideshow. A blank field reverts the setting to the default value.

2. Slides Navigation

Simple Responsive Slideshow Joomla module documentation settings navigation

  1. ARROW NAVIGATION - Choose to navigate between the slides using the previous/next arrows.
  2. CONTROL NAVIGATION - Choose to navigate between the slides using the control buttons.
  3. AUTORUN - Choose to animate the slider automatically. This setting will only work for a non-video slideshow.
  4. RANDOMIZE - Choose to randomize the order of the slides.
  5. ANIMATION LOOP - Choose to loop the slides. When this feature is set to NO, the previous/next navigation is disabled at either end of the slides.
  6. PAUSE ON ACTION - Choose to pause the slideshow when interacting with the control elements.
  7. PAUSE ON HOVER - Choose to pause the slideshow when hovering over the slides, then to resume the slideshow when no longer hovering over the slides. This setting will only work for a non-video slideshow.
  8. KEYBOARD NAVIGATION - Choose to navigate between the slides using the keyboard left/right keys.
  9. MOUSE NAVIGATION - Choose to navigate between the slides using the mouse wheel.

Module Content

This module supports up to 10 slides with images. Each one of the slides from 1 to 10 has these options:

Simple Responsive Slideshow Joomla module documentation content main

1. Slide Options

  1. SLIDE SHOW - Choose if the slide should be displayed or not.
  2. SLIDE IMAGE LOCATION - Insert the full path of the image file, without the leading slash element (for example: images/myfile.jpg).

    The default images are stored in the folder media/simple-responsive-slideshow. The initial path will be media/simple-responsive-slideshow/slide1.jpg where slide1.jpg can be changed with any other name used for the slide image.

    If you don't want to upload the slide images via FTP, you can change the path to upload them using the Media Manager. The default path can be changed relative to the Joomla installation root folder. For example, if the slides are located in the images folder, the new path will be images/slide1.png or images/slide1.jpg.
  3. SLIDE IMAGE LINK - Insert the URL for this slide (only applicable for images). A blank field reverts the setting to the default value.
  4. SLIDE CAPTION - Insert the text for the slide caption. A blank field reverts the setting to the default value.
  5. SLIDE IMAGE ALT - Insert the text for the image Alt for this slide. A blank field reverts the setting to the default value.

The module features using CSS3 have limited support for older browsers, so please check the demo first.

Being a responsive module, this Joomla! module has no fixed width. The maximum width of the module is the width of the module position containing the module and/or the width of the device used (desktop, tablet or mobile). To test the responsive behaviour of the module columns, simply adjust the width of the browser window to different sizes.