Tutorials
How to customize slide in DJ-ImageSlider
You can create an attractive slideshow using unregular shapes, and customized colors for each element of the slide. Change the overall look of your slides with a border-radius feature, background color, fonts for title, fonts for read-more, ...
How to remove dot/bullet appearing above slides
The bullet dot or square above the slider is usually part of your Joomla template styles for unordered list elements. DJ-ImageSlider is built using HTML unordered list elements where each slide is wrapped with <li> tag. Many templates add the special ...
How to get the slides to fade like on demo page?
If you want to get the slides to fade like on the DJ-ImageSlider demo page, just choose the Slider Type as "Fade" in DJ-ImageSlider Module settings.
How to redirect images to external links properly?
When you're adding an URL link to the slide make sure you are adding https:// or Http:// before the address. So if you link to Joomla-Monster, for example, the link should look like https://www.joomla-monster.com/, not joomla-monster.com . If you use ...
Custom ALT and TITLE image attributes in DJ-ImageSlider
Go to the slide you want to adjust by going to Components -> DJ-ImageSlider -> Slides and click the slide you want to edit or create new one. You'll find two new fields in slide's edition under "Images attributes" section: ALT attribute TITLE ...
How to make a continuous loop?
Continuous loop is not available in DJ-ImageSlider. You can get this feature in DJ-MediaTools extension (plus many more layouts and you can build a gallery with it). You can also migrate slides and categories from DJ-ImageSlider to DJ-MediaTools as ...
How to change the background color of the description box?
Changing background of description box can be achieved only via CSS modifications, but this is a simple fix. Edit CSS file In file /modules/mod_djimageslider/themes/default/css/djimageslider.css go to line 60 and modify background variable For ...
How to change the spinning wheel/loader in DJ-ImageSlider
You can replace it with blank .gif image, or any other you like, just replace that file: [yoursite]/modules/mod_djimageslider/assets/loader.gif
How to link slides to external URLs
To link slides to external URLs in DJ-ImageSlider: Go to the DJ-ImageSlider Component -> Slides and open the slide you want to link to an external address in the slide's details set the "Link type" to "URL address" enter the URL address save note: if ...
DJ-ImageSlider doesn't work after update from ver. 2.x to 3.x
Quick step by step guide Clear Joomla cache Remove module layout override from template Install and enable DJ-jQueryMonster plugin 1. Clear Joomla cache If Joomla cache is enabled you need to purge it to see the effect of module update. Go to your ...
How to create smooth scrolling effect
If you want to set the smooth scrolling for your slider (for example to scroll logos etc.) you need to add these settings: open the DJ-ImageSlider module instance you want to set to scroll smoothly in "Customise slider" tab set "Slide Effect" to ...
Fx-Transitions
DJ-ImageSlider offers a wide range of effects you can apply to the slides. For your reference below you'll find a list of the effects along with the graph of how they work. You can also test them on this page. In DJ-ImageSlider you can select them in ...
How to add DJ-ImageSlider slideshow module to the content / Joomla article
This article originally is about placing DJ-ImageSlider into the articles, but the same method will work with any other module! If you want to publish DJ-ImageSlider module inside your content you should use the Content - Load Modules plugin to do ...
DJ-ImageSlider system requirements
DJ-ImageSlider Joomla 3.x requirements Standard Joomla requirements: http://www.joomla.org/technical-requirements.html MySQL ver. 5.1+ CURL GD ver. 2+ library MooTools library mbstring (Multibyte String) Supported browsers Edge Chrome Firefox Safari ...
How to create a new slider theme?
Short step by step instruction: Copy and rename default folder from and into modules/mod_djimageslider/themes Switch the theme to {YOURTHEME} in the module settings Find "-default" suffix and replace it with "-{YOURTHEME}" for all css selectors in ...