RSMediaGallery! Responsive Slider Module

As the name implies, RSMediaGallery! Responsive Slider provides a way to display your images in a simple and responsive slideshow.

 
Download

This module can be downloaded by logging into our website using the account that holds the RSMediaGallery! active subscription, heading to Downloads > RSMediaGallery! > Explore Files > Modules > Responsive Slider Module

Install

In order to install the module you will have to log in into your admin panel and head to Extensions > Manage > Install tab > browse for the "mod_rsmediagallery_responsive_slider.zip" archive downloaded from our website and hit the Upload & Install button.

 

Configuring the module
Basic Options
  • Slider Type: Article Slider / RSMediaGallery! / Instagram Feed
  • Instagram Access Token: Instagram Access Token
  • Parallax Effects: No / Yes

What images would you like to display?
  • Tags: Select the images you want to display by typing in the tags associated with them

Slider Options
  • Responsive Appearance: Crop / Resize - Choose the way slider images will be displayed on mobile devices.
  • Autoplay: No / Yes - Sets whether the slideshow will start automatically
  • Stop on Hover: No / Yes - Stops slider animation when moving mouse coursor over it
  • Interval: Interval between transitions in milliseconds
  • Loop Items?: No / Yes - Configure the slider to loop its items

Overlay Settings
  • Gradient or Solid Color?: No overlay / Gradient / Solid - The overlay of the slider can be a gradient or a solid color

Controls And Transitions
  • Display Prev & Next Arrows: No / Yes - Choose if you want to display Previous & Next slide buttons
  • Show Indicators: No / Yes - Show the indicatiors (small bullets) that helps users to navigate the images
  • Transition In Effect: This option allows you to choose the transition in effect for the slider images
  • Indicators Position: Select the position where you want the indicators to be displayed

Caption Settings
  • Vertical Align: Align Top / Align Middle / Align Bottom
  • Caption Size: Small Size Caption / Medium Size Caption / Large Size Caption
  • Use A Google Font: This option will allow you to select a Google Font for your image description/title
  • Show Title: No / Yes
  • Show Description: No / Yes
  • Show URL: No / Yes
  • Title's Animation: This option allows you to choose the animation of the title
  • Description's Animation: This option allows you to choose the animation of the description
  • Button's Animation: This option allows you to choose the animation of the button
  • Open Links In New Page: No / Yes - You can add a target='_blank' to the link, opening the link in a new page instead of the current one
  • Caption Align: Align Left / Align Center / Align Right
  • Captions Visibility: All devices / Phones / Tablets / Phone and Tablets / Desktop / Desktop and Tablets
  • Captions Font: Choose the font you want to use for slider captions. To enable Google Fonts please enter your Google API key in RSMediaGallery! Options → Layout & Optimization.
  • Title's Color: Select the color for the image title
  • Description's Color: Select the color for the image description
  • Button's Color: Regular Button / Primary button / Secondary button / Green Button / Red Button / Orange Button / Blue button

Slider Settings
  • Order Images By: Specify how you want your images to be ordered.
  • Number of Items: Specify if you want your images to be sorted ascending or descending
  • Order Direction: Specify how many images should be displayed (0 to show all)

CSS
  • Module Class Suffix: A suffix to be applied to the CSS class of the module. This allows individual module styling.

5 persons found this article helpful.


Was this article helpful?

Yes No
Sorry about that

You Should Also Read

RSMediaGallery! Responsive Slideshow Module HOT

RSMediaGallery! Advanced Slideshow Module

Publish RSMediaGallery! slideshow modules in articles