JUX Background Slideshow

Thank you

JUX Background Slideshow is a beautiful, easy-to-use and fullscreen background slideshow module for Joomla 3.x.

JUX Background Slideshow brings your site’s visitors a brand new and fancy experience with full-page images running with multiple effects. The slideshow enable you to easily display your image gallery with many animation effects: fade, slide in from top, bottom, right or left, or carousel…

Plus, the slideshow features fullscreen images in various modes & custom thumbnails. It can dynamically play with any image’s sizes, and you can freely choose “resize mode” for your images. For admin, you can configure the slideshow with many options. You can upload, preview, delete and order images by dragging and dropping from parameter. Besides, you can customize CSS to background images.

Your site will surely stand out from the crowd with JUX Background Slideshow. Check out the detailed feature list below.

Key features:


Server Requirements

Our extension has several system requirements as follow:

You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.

PHP should be compiled with support for https (openSSL) and cURL.

PHP Safe Mode should be turned off.

Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 7+), Firefox, Chrome, Opera, and Safari. JavaScript must be activated


After purchasing our product, you’ll see the download link at JUX Background Slideshow product page:

http://www.joomlaux.com/products/jux-background-slideshow.html – JUX Background Slideshow

JUX Background Slideshow module Installation

Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu.

In “Upload Package File” block, please Upload & Install our extension:

Select folder

Select folder to display gallery images in folder and you can upload, delete or drag and drop to order images for slideshow.

Gallery images

Slideshow Configuration

Slideshow Configuration


Start background slideshow on page-loading

Slide Interval

Changing time between 2 slides in milliseconds

Effect Tyle

Controls which effect is used to transit between slides

Effect Speed

Speed of Effect in milliseconds

Arrow Navigation

Toggles forward/backward arrow navigation. When yes, next/previous arrow button will be generated

Thumbnail Nav

Toggles forward/backward thumbnail navigation. When yes, thumbnails from the next/previous posts are generated and can be clicked to navigate

Show Control Bar

Show / Hide the control bar. When SHOW, Random Slides will be disregarded.

Play Button

Toggles play button on the slideshow’s control bar

Slide Counter

Toggles slide counter on the slideshow’s control bar

Show Slide Bullet

Show / Hide the slide’s bullet.

Thumb Links

Generates a list of thumb links that jump to the corresponding slide

Mouse Scrub

Toggle effect Thumbnails move with mouse

Progress Bar

Toggles progress bar of the transition between 2 images

Progress Bar Background

Set the background-color of the progress bar

Keyboard Navigation

Allows controlling navigation via keyboard

Random Slides

Slides are shown in a random order. Start Slide is disregarded

Start Slide

The slide with which the slideshow starts on

Stop Loop

Pauses slideshow upon reaching the last slide


Supersized Advanced Options

Supersized Advanced Options

Fit Always

Prevents the image from ever being cropped. Ignores minimum width and height

Min Height

Minimum height the image is allowed to be. If it is met, the image won't size down any further

Min Width

Minimum width the image is allowed to be. If it is met, the image won't size down any further.

Fit landscape

Prevents the image from being cropped by locking it at 100% width.

Fit Portrait

Prevents the image from being cropped by locking it at 100% height.

Horizontal Center

Centers image horizontally. When turned off, the images resize/display from the left of the page.

Vertical Center

Centers image vertically. When turned off, the images resize/display from the top of the page.


Uses image rendering options in Firefox and Internet Explorer to adjust image’s quality. This can speed up/slow down transitions. Webkit does not support these options yet.


Advanced Options

Advanced Options

Wrapper Element

Image background slideshow will be appended to this element<br/> (For example: body, #container...)

Set Style

Setting the style using CSS


Background-color will be appended to this element

Custom Css

Custom CSS template

Enable JQuery

On/Off jQuery loader. Turn it off if your site already has jQuery loaded

Enable noConflict

On/Off noConflict. Turn it on to prevent conflict with Joomla’s Mootools

Module Class Suffix

A suffix to be applied to the CSS class of the module. This allows individual module styling

In this section, we’ll provide the configuration of our Demo site. You can use it as example for your site.

You must upload images. You can order images by dragging and dropping images for slideshow.

Slideshow Configurations

You can leave the default.

Supersized Advanced Options

You should leave the default.

Advanced Option

‚Äč.body .container,.well{

background: none;



color: #ffffff;