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

joomla extensions zone - display latest articles, sticky banners, sliders, banners rotator, hover images effect, tabs, news tickers and more

Free Joomla 3 content / images slider module with touch enabled joomla 3.5 templates promotion 70 off last added joomla templates for Joomla 3.5 free download joomla 3.5 templates package of 20 template for Joomla 3.x  Promotion on Joomla 3.7 templates for 2017
User Rating:  / 1
PoorBest 

"Full Page Background Slider" is a free Joomla module to create div class background slider - body, header, footer. With this module you will make a perfect slider which will fill the entire screen with responsive images. The module is designed for the Background Slider, but can be used to create slider and for footer, header and other div elements.

Free Joomla module to create fullscreen background images slider

Live demo - body Live demo - content Live demo - bg image Live demo - header

The module options:

- Joomla compatibility: Joomla 2.5, joomla 3.0 and above.

- 26 transition effects for slide

- Control delay time

- Control time duration

- Display / Hide timer bar

- Display / Hide the overlay

- Supported in all major browsers

- Friendly to mobile devices

How to use the module:

- Install the module.

- Select module position. Use module position with low HTML importance. Do not use the module position for horizontal navigation or other sliders - exsample module position-7 for template Protostar or Beez3.

- Select a menu item as assignment on slider.

- Use field "Div Slider" for enter div class on which you want to apply the slider: Example- body, header, footer. Module comes with default setting for body fullscreen background slider.

- Use the settings slider to select the most suitable for you.

- If necessary, use the field "Enter some CSS code" to enter a small correction on css code.

- If necessary, use the field "Div 1" to enter the div class name you want to remove the background image or color - for example #all for Beez3 or .container for Protostar.

 

How to hide module from  frontend - example for protostar template

After installing the module at the front end of the site you will have the following type:

joomla module after install

Open developer tools console / pres F12 key in Chrome / and inspect div class module

joomla inspect module div class

joomla inspect module div class css

joomla inspect module div class html

Copy div class / .well.bodyslider / and enter code .well.bodyslider {display: none;} in module field for CSS

add css joomla module

NB: The module is coming with an option to hide it from the frontend of Protostar or BEEZ3.

Settings module for full screen images slider with templates of that this site:

- In field "Div Slider" add body

- If necessary, use the field "Div 1" to enter #art-main

- If necessary, use the field "Div 2" to enter .art-sheet

Joomla module to create fullscreen background images slider

 

More information:

- NB: The module comes with Module Class Suffix - bodyslider. Use this information to create css code that can hide the module position of the slider from the frontend. For example: .divclassbodyslider {display: none;}

- Last Update Module - September 2017. Version of the module - 1.1.

Live demo - body Live demo - content Live demo - bg image Live demo - header

Note: Free version supports only 3 items. Premium version supports 10 items.