he settings are divided into 2 sections, the Image Slider Settings & the Individual Slide Settings.
Image Slider Settings
These settings can be divided into 6 different sections:
- Enable Slideshow?
- Slideshow Loading Method
- Background Images Behavior
- Rotation Interval
- Transition Duration
- Transition Effect
- Background Color
- Show Slideshow Arrows
Enable Slideshow?
This setting determines whether the website uses the rotating image carousel functionality that is this entire module or if the website will use a single background image.
- Enable Slideshow - Desktop Only: the website will display the rotating image carousel with all the images uploaded only when the website is viewed on a desktop device.
- Enable Slideshow - Desktop & Mobile: the website will display the rotating image carousel with all the images uploaded when the website is viewed on a desktop and mobile device.
- Disable Slideshow: the website will show the single homepage background image and not the slideshow.
Slideshow Loading Method
It is possible to choose the loading method for the image slider. Each method has its own advantages:
- Javascript: This method supports special effects, however, it slows the page loading time.
- Pure CSS: The recommended method loads faster and works best for mobile devices. However, it does not support special effects like Swirl left or right. For the Background Images behavior setting, only Mobile-Ready View is available with this loading method; Standard View is not supported. When using the Pure CSS version it will only use the Transition duration only and it will not use the Rotation Interval setting.
Background Images Behavior
Select the background images behavior:
- Mobile-Ready View: This is the recommended option as the system will optimize the image behavior on mobile devices.
- Standard: Recommended for desktop view.
Rotation Interval
This setting will dictate how many seconds each slide rotates in the carousel, there is a max setting of 10 seconds.
Transition Effect
This setting will dictate what effect will be applied to all the slides when they are rotating to display the next image in the carousel.
The available effects are:
- Slide Left, Slide Right, Slide Up, Slide Down
- Swirl Left, Swirl Right
- Fade
- Zoom Out, Zoom In
Transition Duration
This setting will dictate how long the effect will last before actually displaying the next image in the slider.
A good tip here is to make sure that the Transition Duration is always less time than the Rotation Interval.
Background Color
This is the color that will load in the area that the homepage slider will be while the page is loading the images in the slider.
Usually this color only lasts a few seconds on the screen because the images of the slider load very fast.
Show Slideshow Arrows
This is a "Yes" or "No" setting. It will decide whether or not people visiting the site will be able to control which slide show image they see at a time.
It will accomplish this by adding or not adding small arrows that indicate a new image on each side of the slider.
For additional assistance:
Email support@brilliantdirectories.com or create a ticket Inside Your Account Dashboard.
Was this article helpful and accurate? Yes No