Home / Extensions / DJ-ImageSlider

dj-imageslider

DJ-ImageSlider

 

DJ-ImageSlider is a free, responsive, mobile ready with touch support extension that can be managed thru component and modules. You can create unlimited groups and slides and put them anywhere on the site. It’s seo optimized, uses CSS3 animations, fast and user friendly backend administration. Each slide can have title and description and link to Joomla article, menu item or URL.

DOWNLOAD
Features

Effects, transitions and customizations


Effects, transitions and customizations

  • HTML5/CSS3 transitions 9+ slide effects
  • custom slide transition time and next slide delay settings
  • choose bullets/numbers as indicators
  • load custom buttons for prev/next/play/pause buttons
  • decide where navigation should appear and when
  • customize slide description (set dimentions and position of the description box)

Responsive and mobile ready


Responsive, mobile and touch ready

  • fully mobile ready - adapts to all screen sizes
  • module can be displayed in any size container and addapts responsively to it’s size
  • swipe navigation handling for touch screens

 

 

DJ-ImageSlider rich settings for each slide


Rich settings for each slide

  • you can set start and end date of publishing
  • decide if slide will be linked to:
    • menu item (you can select menu item from the dropdown)  
    • article (you can choose the article)
    • url (just type your url)  
    • or not linked at all (then when the slide is clicked it opens the magnific popup)

Flexible input and output


Flexible input and output

  • Slides can be organized in unlimited categories
  • each category can have unlimited items
  • beside Component as source - in module a folder can be set as a source of images

 

 

Last but not least


Last but not least

  • Full RTL support - including transition direction of the slides
  • themes for easier slider styling (possibility to create own themes or override from template)
  • drag&drop slides ordering in the back-end
  • cross browser support: IE9+, Firefox 10+, Safari 3+, Chrome 8+, Opera 9+, Camino, Flock 0.7+.

 

 

Settings

Straight forward backend panel

DJ-ImageSlider control panel

 

DJ-ImageSlider comes with easy backend control panel.

There you can manage slides and categories.

Add new slides, categories and reorder slides within category easily

 

Listing and adding new categories

02-dj-is-categories

 

Listing and adding categories (groups) is as easy as managing core Joomla categories.

 

Manage slides

03-dj-is-slides

 

Managing slides is easy.

You can see all your slides, reorder them with drag and drop, and filter by category for easier management.

 

Slide's settings

05-dj-is-slide-settings

 

Each slide can be customized.

  1. Title of the slide
  2. Assign it to category
  3. Easily select your image
  4. Add description that will be displayed in the box over the image
  5. Select start and finish date of the publication of the slide if needed (good solution if you want the slide to appear or disappear on selected dates)
  6. Decide where the slide should be linked (menu item, url, article, or no linking at all)

 

Module - initial settings

06-dj-is-module-settings1

 

In the module settings you can select:

- Slider source (this can be Component or folder if you don't want to use component, then images will be pulled right from the selected folder)

- Slider type (horizontal, vertical or fade)

- Theme (you can create your own themes and select different for each module)

- Link image - select if slide is hyperlinked or will display original version in lightbox

 

Module - settings for component as source

07-dj-is-module-settings2

 

If you select the component as source you can choose the slides category from which slides will be pulled, disable or enable display of title, description, readmore link.

You can also define your own text for "readmore", set characters limit for description and decide if title and description should also be links.

 

Module - basic slider settings

08-dj-is-module-settings3

 

In basic slider settings you can:

- decide if you want to display the slider as "Full width slider" - this will make the module fit the container it's in

- manually set width and height of the slider

- fit images size to slide hight, width or let the system choose the best option

- set vertical image centering

- set the amount of images visible in one slide!

- set space between images (when more than one set)

- set max amount of images loaded 

- set sorting

- enable Css3 transitions

- enable Autoplay of the slider

- set play/pause and prev/next buttons to be displayed on mouse hover, always or never

- enable/disable indicator (dots or numbers)

 

Module - customize descirption box

09-dj-is-module-settings4

 

The description box can be customized:

- set width of the description box

- position the description box within the slide, you can set vertical and horizontal position so it fits your needs

 

Module - customize buttons

10-dj-is-module-settings5

 

You can easily customize the slider module by adding your own:

- prev, next buttons (upload them right from the module)

- play, pause buttons (those can also be updated right from the module's settings)

 

It's also easy to position the navigation horizontally and vertically.

Additionally you can choose if the indicator will be bullets or numbers.

 

Copy of Module - slide effects

11-dj-is-module-settings6

 

Tune your effects choosing exact effect and effect type.

Additionally you can customize:

- slide transition time 

- next slide delay

- preload delay time

 

 

Screenshots

 

Available Translations
languageEnglish languagePolish languageFrench languageRussian languageItalian languageDutch languageGerman languageHungarian
languageHebrew languageSpanish
 

This is a great extension. It is a multipurpose media management tool. All I need is in one module, where before I used 3 to 4 different modules. The responsive design works very well. Very handy...

A great extension, works as a swiss knife