Preview and download the best Joomla free modules for your joomla site

Responsive and touch-enabled jQuery slider Joomla module that enables you to create elegant and professionally looking sliders to show your content. With the flick of a finger or the mouse you switch to the next slide. The module has many configuration options of your choice. For a perfect view of mobile devices slider uses the data-retina imaging technology.

Live demo

Key features:

Joomla compatibility: Joomla 2.5, Joomla 3.0, Joomla 4.0 and Joomla 5.0

Layout: Full responsive layout.

Mobile friendly: Yes.

Support data-retina: Yes

Support touch screen: Yes

Touch enabled: Yes

Thumbnails position: left, right, bottom.

Auto play : enable / disable.

Change the width and height.

Read more text.

Options of the slider

Slider / Module height

Slider image size - cover, contain, exact

Slider image centering - Yes / No

Slider orientation - Vertical / Horizontal

Slider auto play - Yes / No

Slider Delay - Time in milliseconds

Slide Animation Duration - Time in milliseconds

Transition slide caption / description - Time in milliseconds

Slider buttons - Yes / No

Slider loop - Yes / No

Slider arrous - Yes / No

NB: The images from the slider gets the alt tag from the thumbnails container titles

Thumbnail conteiner

Show thumbnails container - Yes / No

Thumbnails container position - Left, Right, Bottom

Thumbnail items width - Value in px

Thumbnail items height - Value in px - NB: How to determine this value if thumbnail container has a position Left or Right

Example 1

If the height of the slider is 250px and you use 3 thumbnail items:

250px/3 - 8px/3 = 80.66px

What is 8px - This is the distance between 1 and 2 thumbnail items /4px/ and 2 and 3 thumbnail items /4px/

In the field " Thumbnail items height " enter - 86.66. The Slider can use values up to one hundredth of the value, but we recommend that you determine exact values - as example 2.

Example 2

If the height of the slider is 250px and you use 2 thumbnail items:

250px/2 - 4px/2 = 123px

What is 4px - This is the distance between 1 and 2 thumbnail items

In the field " Thumbnail items height " enter - 123

Important - In this field, enter a value only - correct 80 / incorrect 80px

Color settings

Settings Title

Title font-size

Title font-family

Title text-align - Left, Right, Center, Justify

Title letter-spacing

Color settings

Settings Slogan

Slogan color

Slogan font-size

Slogan font-family

Slogan text-align - Left, Right, Center, Justify

Color settings

Thumbnail images settings

Enable / Disable

Thumbnail image width

Thumbnail image float - Left, Right

Thumbnail round image - This option works correctly if the width and height of the image are the same

Read more - settings

Link text-decoration

Link font-size

Link text css font-family

Link target

Color settings

Setting Description

Position 1 - in slider / Position 2 - under slider

Description box text-align

Description font-size

Description text css font-family

Color settings

Settings for screen resolution of less than 768px

You can choose individual settings for Slider height, Thumbnail items width, Thumbnail items height

Settings for screen resolution of less than 500px

You can choose individual settings for Slider height, Thumbnail items width, Thumbnail items height

More settings for the description if it is in position 1

You can choose individual settings for description box width, height, border, padding ....

Please, if you want to help develop this module, leave your review in JED