OS Touch Slider - responsive Joomla Slider

Last update: September 2021

Joomla 3.9.x - Joomla 4.0.x

Rate it:

( 89 Votes )

Joomla Slider Extension

Joomla Slider is one of the best slideshow extensions with fully customizable functionality. There are lots of settings that will delight both experienced frontend developers and clients, who doesn't have experience with image carousel on website. It's fully responsive and mobile ready image slideshow extension.

We have created 2 versions of the Best Joomla Slider for you: Free and Pro. You can find out the difference between the versions in the tab "Features". In general you can add images include empty images by drag & drop or download from folder. Also adjust the slides width, height (in px or %); images object-fit (cover, contain, fill); crop image, slide photo direction (horizontal or vertical); show prev/next arrows or not; auto play; initial slide (specify from which slide to start the show), speed animation (in ms). This is very convenient if you regularly have promotions or some ads on your website. Joomla Slider has a lot of animation effects, so you can create a wow effect for your customers! If you don't like the result, just delete everything using the "Reset" button. In Pro version of Joomla Slider are available advanced options: column fill (yes/no), slides per group, centered slides (yes/no), pagination, pagin type (bullets, fraction, progress), pagination clickable, scrollbar, keyboard control, mousewheel control, mousewheel on edges, free mode, loop, lazy loading.

Each slide of Joomla Slider can include a title, description, buttons, images, video, audio, forms, tables, canvas and can be linked to any article, menu item or other URL. All of this objects are responsive, including responsive tables and responsive forms! You can animate any object on the Joomla Slider extension. Moreover the text can be animated as you like (the whole phrase, separate words, or animated letter by letter). On the Demo of Image Slider you can see all kinds of animations. Slideshow module supports HTML and CSS, so you can add any HTML tags and create anything you want. There are a lot of settings for the text in the slideshow extension: color, size (in %), shadow in the CSS format (this is especially appreciated by the markup developers!). Finally OrdaSoft carousel has video support, so you can use video from your website, YouTube, Vimeo or any other video service.

Joomla Slider use real-time frontend editor, so you will be able to see all changes immediately on your website. You only must log in to your website and the editing function will become available to you. Everything that you enter into the editing window appears on the screen in the responsive website slider. Moreover, everything that you do in one slideshow can be exported to another and vice versa imported from another OdaSoft website slider into this one.

If you want to create an awesome website using our website Joomla Slider, but don't now how - you can use our website templates. We have a lot of beautiful and creative Joomla templates with Joomla Slider.

Be Ready to a New Possibilities of Slideshow Creation

joomla image carousel

Joomla Slider Features

Real-Time Frontend Editor

Real-time frontend editor. Image slider allows to see all changes right now!

Frontend Editor joomla image carousel

Drag and Drop image carousel

Simple drag-and-drop system

Use Drag & Drop feature for uploading your images faster and more conveniently.

Fully Responsive Design

Ordasoft Joomla slider is fully responsive and mobile ready carousel extension.

mobile friendly image carousel

HTML/CSS Support image carousel

HTML/CSS Support

Joomla Slider allows you to use any HTML tag and CSS style for creative presentation.

Text Rich Customization Options

Customize each slide with rich captions. Use Google fonts, change size, color, background and more to create beautiful content with Joomla Slider.

image carousel Text Customization

image carousel supported Text Animation

Text Animation

There are 44 text animation effects in the slideshow module for Joomla site.

Slides Animation

There are the 5 animation effects in Free version of image carousel and 29 effects in the Pro.

animation image carousel

image carousel Import, Export features

Import/Export Support

The content of your slider you can import or export to another website slider.

Video Support

Slider supports video content from YouTube and Vimeo for create video carousel on your Joomla website.

image carousel video slideshow

image carousel audio

Audio Support

You can download any type of audio files on your carousel.

Layer Slider Examples

Ordasoft Joomla Slider has features for create layer sliders with personal and unique design. Look examples of our Layer Slider in Demo.

image carousel layer examples
transition effects

Stunning Transition Effects

Choose any of 30+ beautiful transition effects or create combination of effects by yourself.

joomla image carousel

Responsive Slideshow

It's time to be mobile friendly!
With Joomla slider your clients can browsing website carousel from different devices.

How to start working with Joomla Image Carousel

Only now, 10 excellent layer sliders included in Joomla Slider

We prepared for you 10 layers slides examples on different themes to show you possibility of our Layer website carousel. And if you want create your carousel with unique design our tutorial will help you - Easy steps for create Layer Slider.

We Believe these Features Help in
Making Your site Slideshow Awesome

General

Joomla Carousel

  • 100% resonsive at all mobile devices
  • Unlimited images
  • HTML object (tag, text, video, images..)
  • 40+ animation effects
  • Possibility add animation to image
  • Possibility add animation to HTML object
  • Set slider size in pixels or percentage
  • 50+ images filters
  • Possibility create slide without image
  • Possibility add URL to any image or HTML object
  • Crop image
  • Slider direction
  • Initial slide
  • Slideshow Autoplay
  • Autoplay stops on last
  • Autoplay interactions
  • Slideshow Speed
  • Prev/Next arrows
  • Copy slide with all HTML objects
  • Copy text(HTML object) with all styles and settings
  • Set slides animation
  • Set text animation
  • Import
  • Export

Style Options

joomla slider

  • Font Family
  • Font Size
  • Font Weight
  • Text Align
  • Text Color
  • Text Shadow
  • Text Shadow Color
  • Text Padding
  • Text Block Width
  • Backgroung Color
  • Border Width
  • Border Radius
  • Border Color
  • Custom Class

Image

responsive joomla slider

  • Drag & Drop Image Upload
  • Drag & Drop Photo Reordering
  • Adding Empty Image
  • Background
  • Filters (Blur, Instagram, Saturate, etc.)
  • Image Link
  • Adding Image Captions
  • Adding Video (YouTube, Vimeo)
  • Adding Audio
  • Adding HTML code
  • Set slide time
  • Set slide animation

Advanced

settings OrdaSoft carousel

  • Slides per view
  • Slides per column
  • Column fill
  • Slides per group
  • Centered slides
  • Pagination
  • Pagination type
  • Pagination clickable
  • Scrollbar
  • Keyboard control
  • Mousewheel control
  • Mousewheel on edges
  • Free mode
  • Photo Loop
  • Photo Lazy loading
  • Reset SlideShow settings

Choose version of Slideshow extension

Photo Slider features

Features
Basic
Pro
Responsive

Joomla slider is responsive and mobile ready extension.

joomla image carousel is responsive and mobile ready extension
joomla image carousel is responsive and mobile ready extension
Add empty image

You can add any type of image to image carousel, but if you want create a transparent image slider you can add empty image.

add any type of image to responsive to image carousel
add any type of image to to image carousel
Export/Import

Everything you do in one slider can be exported to another and vice versa imported from another slideshow into this one.

Everything you do in one slider can be exported to another and vice versa imported from another slideshow
Everything you do in one slider can be exported to another and vice versa imported from another slideshow
Copyright links

There is the copyright link in Free slider version. If you don't want see this link and use rich settings please buy Pro version.

General
Basic
Pro
Width, px / %

In best slider for Joomla you can adjust the width of image as you need. You can specify the width in % or px.

In the best slider for Joomla you can adjust the width of image as you need
In the best slider for Joomla you can adjust the width of image as you need
Height, px / %

You can adjust the height of smart slider as you need. You can specify the height in % or px. Also you can specify auto height.

adjust the height of smart slider as you need
adjust the height of smart slider as you need
Height, auto

You can adjust the auto height by checking the checkbox in responsive slider.

adjust the auto height by checking the checkbox
adjust the auto height by checking the checkbox
Object-fit, cover / contain / fill

In the best Joomla Carousel you can choose Object-fit, cover / contain / fill for images.

Object-fit, cover / contain / fill for images
Object-fit, cover / contain / fill for images
Crop image, yes / resize / no

In Image carousel you can choose how the image will be displayed in your image jQuery slideshow: you can not change anything, change the size or crop the image under certain parameters.

Crop image, yes / resize / no
Crop image, yes / resize / no
Slide direction, horizontal / vertical

You can choose direction of your slide: vertical or horizontal.

Slide direction, horizontal / vertical
Slide direction, horizontal / vertical
Initial slide

In Image carousel you can specify from which slide the show at start. This is very convenient if you hold periodic promotions and you need to temporarily show a slide without disturbing the sequence of existing slides.

Initial slide.
Initial slide.
Autoplay, ms

It's possible to set the time of autoplay in the free image carousel module for Joomla.

set the time of autoplay
set the time of autoplay
Autoplay interactions, yes / no

It's possible to set the autoplay in the responsive slideshow.

Autoplay interactions, yes / no
Autoplay interactions, yes / no
Prev / Next Arrows, yes / no

You can show or hide arrows in your photo slideshow.

show or hide arrows
show or hide arrows
Animation

You can make your photo carousel more creative by using the slide-down animation. There are 5 animation effects in a Free version, and 29 effects in a Pro version.

animation in photo carousel 5 effects
animation in photo carousel 29 effects
Advanced options
Basic
Pro
Slides per view

You can complicate your responsive slider and display several slides vertically instead of one.

set slides per view
set slides per view
Slides per column

You can make your carousel slider more difficult and display several slides horizontally instead of one.

display several slides horizontally
display several slides horizontally
Column fill, yes / no

You can specify to fill all column or not with Joomla slideshow.

column fill, yes / no
column fill, yes / no
Slides per group

You can make your slideshow extension more complex: you can display not one slide, but 2, 3 or more

slides per group
Slides per group
Centered slides

You can specify to center slides or not in the image slideshow.

set centered slides
set centered slides
Paginator

You can show or don't show paginator in the carousel. We recommend you to show for your customers how many slides are there. Also paginator is clickable and it's an additional navigation.

carousel Paginator
carousel Paginator
Pagination type

We offer 3 types of pagination in joomla carousel: bullets, fraction, progress.

3 types of pagination in joomla slider
3 types of pagination in joomla slider
Pagination clickable, yes / no

Pagination is clickable and is additional navigation, but you can disable this setting in slider module.

Pagination is clickable settings
Pagination is clickable settings
Scrollbar

You can show or hide the scrollbar in the photo slider. By clicking "yes" the settings become available to you: scrollbar hide and scrollbar draggable.

show or hide the scrollbar
show or hide the scrollbar
Keyboard control

You can show or hide the keyboard control in the slideshow.

keyboard control
keyboard control
Mousewheel control

You can turn on / turn off mousewheel control in the slider module.

Mousewheel control
Mousewheel control
Mousewheel on edges

You can turn mousewheel on edges on or off in the slider plugin.

settings for Mousewheel on edges
settings for Mousewheel on edges
Free mode

You can turn free mode on or off. By clicking "yes" the settings become available to you: free mode momentum, free mode bounce, bounce ratio, minimum velocity.

free mode
free mode
Loop

Turning this feature on, you loop the joomla front end slideshow and all slides display around, even if the slide is one.

loop settings
loop settings
Lazy Loading

You can turn lazy loading on or off. By clicking "yes" the settings become available to you: lazy Loading in prev/next, images number.

Lazy Loading settings
Loading settings
Reset settings

If you don't like the result, just delete everything using the "Reset" button.

Reset settings
Reset settings
Edit image
Basic
Pro
Copy image

You don't have to re-create a slide every time. If you use the same effects for all slides, you can customize one slide and make a copy of it as many times as necessary and then simply replace the image with a new one.

Copy image feature
image feature
Replace image

If you created an awesome slide, but finally you understant that all is perfect for Joomla besides image. So replace this image on new one.

Replace image feature
Replace image feature
Image full time, ms

You can specify the display time of the slide before turning.

Setting Image full time
Setting Image full time
Image link

You can link the slide of image slideshow to the content not only with the help of HTML. Also you can simply enter the link in the "Image link" field

Setting Image link
Setting Image link
Background

If you want to make a bright slide with a plain background - just fill it with color. You can also make the background translucent. Background settings support color picker.

set Background
set Background
Image Filter

There are a lot of Image filters: blur, grayscale, hue rotate, instagram filters, saturate, sepia, transparent and others.

set Image Filter 11 effects
set Image Filter 11 effects +
Copy text

You can create text with amazing effects once, and then copy it as many times as you need in responsive carousel.

Copy text
Copy text
Font family

21 awesome Google fonts.

set Font family 21 fonts
set Font family 21 fonts
Font Size, %

You can specify the font size in the image slider with text. Font size is specified in %, so any text in your website slide is responsive.

set Font Size
set Font Size
Font Weight

Here you will find the Google fonts' width that comes in the kit (100, 200, 300, 400, 500, 600, 800 and 900).

set Font Weight
set Font Weight
Text Align

You can align your text by next features: inherit, left, center, right, justify.

Text Align setting
Text Align setting
Text color

You can change the text color using ccs format or using color picker.

change the text color
change the text color
Text Shadow

You can choose the H-shadow, %; V-shadow, %; Blur-radius, % and shadow color using ccs format or using color picker. Also you can specify shadow transparency.

change the text Shadow
change the text Shadow
Text block padding, %

You can write a text block on the background with different indents from the edges of the background in the Joomla responsive slider. Due to the fact that indents are set in%, your text's paddings will look perfect on any screen resolution.

set the Text block padding
set the Text block padding
Text Block width, %

You can set the text block's width and your text will adjust to the size of the block. Due to the fact that indents are set in%, your text blocks will look perfect on any screen resolution.

set the Text Block width
set the Text Block width
Border width, %

You can set the width of block's border in your Joomla frontpage slideshow. Due to the fact that indents are set in%, your block's border will look perfect on any screen resolution.

set the Border width
set the Border width
Border Radius, %

You can set the width of block's border radius in your image scripts slideshow. Due to the fact that indents are set in%, your block's border radius will look perfect on any screen resolution.

set Border Radius
set Border Radius
Custom class

If you used absolutely all the settings, but this was not enough for a perfect result, you can set a custom class and then add styles to the .css file.

setting for Custom class
setting for Custom class
Animation

There are a lot of text animation effects.

Animation effects 4 effects
Animation effects 44 effects

Slider update versions

OS Touch Joomla Slider 5.0.0


  1. Update Swiper Slider API
  2. Speed Optimization
  3. Fix errors


OS Touch Joomla Slider 3.5.0


  1. Change CCS styles
  2. Fix errors


OS Touch Joomla Slider 3.4.0


  1. Adding possibility create link to whole image
  2. Fix errors


OS Touch Joomla Slider 3.3.7


  1. Adding empty image
  2. Filling empty image by color background
  3. Added image filter


OS Touch Joomla Slider 3.1


  1. Added Hover Animation
  2. Added Permanent Animation
  3. Added Text Shadow


OS Touch Joomla Slider 3.0


  1. Added Import/Export


OS Touch Joomla Slider 2.5


  1. Added animation for HTML
  2. Added copy text and insert it with all styles
  3. Added copy image and insert it with all styles
  4. Added replacement of images with preservation existing styles
  5. Fixed minor bugs


OS Touch Joomla Slider 1.0.2


  1. Prevented slider selection


OS Touch Joomla Slider 1.0.1 from 2016.07.23


  1. Fixed CSS bugs
  2. Encoded HTML data for security reasons
  3. Fixed button for disabling pagination
  4. Fixed Z-index


12 July 2016


  1. Completely rebuild Ordasoft website Slideshow
  2. Added frontend visual editor
  3. Added transition effects
  4. Added styling options for captions
  5. Added Google Fonts for captions
  6. And much more. Details of New OS Touch Slider for Joomla


06 October 2014


  1. Added function of regulating the number of images on the slide
Basic
FREE
  • Responsive Design
  • Visual Editor
  • Drag & Drop Features
  • General Settings
  • 5 Google Fonts
  • 5 Transition Effects
PRO
$29
Basic Features
  • Advanced Settings
  • 20 Google Fonts
  • 30 Transition Effects + Custom Effects Creator
  • Lazy Load
  • Without copyright links
  • Excellent Layer Joomla Sliders
  • Free Support
  • Renewal Discount 20%

Frequently Asked Questions about OrdaSoft Joomla Slider

❓ How do I add a slider on my Joomla website?

Read detailed tutorial - How to install responsive Joomla Slideshow

  • ➡️ Step 1: Download Responsive Joomla slideshow from OrdaSoft website to your local machine as a zip file package.
  • ➡️ Step 2: From the backend of your Joomla site (administration) select Extensions -> Manage -> Install.
  • ➡️ Step 3: Go to the bookmark Upload Package File.
  • ➡️ Step 4: Click the Choose File button and select Joomla Slider package (zip file) on your local machine.
  • ➡️ Step 5: Click the Upload File & Install button

❓ Can I contact to support if I download free Slider Joomla?

Of course, even if you downloaded the free version of the joomla slider from ordasoft! We will help you during office hours. ➡️ Write to our Ordasoft contact form

❓ Using Slider for Joomla, can I create image slider with text?

Using the Ordasoft Joomla Slider extension you can create slideshows with text (supports 44 text animation effects), video (even supports video content from YouTube and Vimeo), audio!

❓ Does Joomla slider support responsive design for different mobile devices?

Yes, Ordasoft Touch Slider for Joomla is fully responsive!responsive joomla slider

Ordasoft Joomla Slider