Documentation | RSFlashion Joomla Extension

RSFlashion is a Joomla Module works natively in Joomla 1.5.x environment. This is a Joomla extension specially developed for Joomla version 1.5.x. This is a very fashionable image slideshow with slick navigation and design, fully customizable from admin panel, with a motion blur effect on image transition. Also you can customize the navigation bar color for each and every individual images. This is a free extension. The features are:

• Customizable width and height of the slideshow.
• Customizable height of the navigation bar.
• Customizable color, position and transparency of the navigation bar. You can also able to customize the color and transparency for each and individual images based on the image color theme.
• You will get option to choose 3 kind of transition effect (fade, horizontal or vertical).
• It is also possible to manage the slideshow time and the transition speed.
• Slideshow can display all images from a folder. Or if you wish you can able to set individual images also.

How To Configure and Use the Module (Steps):

1. Install this Module.
2. Now go to “Extensions” => “Module Manager”
3. Edit/Add RS-Flashion Module and publish it after configuring the module using the following steps listed below:
   • Module Class Suffix: A suffix to be applied to the CSS class of the Module. This allows for individual Module styling.
   • Slideshow Width: Width of the slideshow in pixel. Default value is 600. Basically this is the width of the images of your slideshow.
   • Slideshow Height: Height of the slideshow in pixel. Default value is 300. Basically this is the height of the images of your slideshow.
   • Navigation Bar Height: Height of the navigation bar in pixel. Default value is 25.
   • Navigation Bar Color: Color of the navigation bar in hex-code. Default value is “cccccc”. Do not enter # with this value. Say you wish to make the navigation bar color to RED. Then add “ff0000” here (not #ff0000).
   • Navigation Bar Position: Position of the navigation bar either TOP or BOTTOM. Default value is “BOTTOM”.
   • Navigation Bar Transparency: Transparency of the navigation bar. Add any value from 0 to 100. 0 means no transparency, 100 means fully transparent. Default value is 70
   • Transition effect of the slideshow: Choose one from three options “Fade Transition”, “Horizontal Transition” or “Vertical Transition”.
   • Transition Speed: Speed of the transition in second. Default value is “1”, that means 1 second.
   • Slideshow Time: Time (in second) to display an image before going to the next slide. Enter 0 to stop automatic sliding. Default value is ‘3’, that means 3 seconds
   • Image Configuration:Choose how you wish to configure the image display. The first one (BASIC) is easy to configure. For advanced users the second option (ADVANCED) will give much more advanced configurable options.
     • BASIC SETTINGS:
       1. Image Folder: Specify the path of image folder (Example: images/stories/slideshow/). Enter the relative path as shown in example.
       2. Link to images: If you wish to redirect the visitors to a particular url after clicking the images, then please specify the url here. (Example: http://www.yoursite.com/)
       3. Open link in: Choose your option to open the link in the same window or in a new window.
     • ADVANCED SETTINGS:
       1. Image(s) Path: Specify the relative path of all your images, separated by comma. Do not add absolute path. Only add relative path. (Example: images/stories/slideshow/image1.jpg, images/stories/slideshow/image2.jpg, images/stories/slideshow/image3.jpg)
       2. Links to images: Specify the urls that will link your images, separated by comma. (Example: http://www.example1.com/, http://www.example2.com/, http://www.example3.com/)
       3. Open link in: Open the links in the same window or in a new window, separated by comma. Use from these 2 options: ‘_blank’ or ‘_self’. ‘_blank’ is to open the link in a new window. ‘_self’ is to open the link in same window. (Example: _self, _self, _blank)
       4. Navigation bar color: Color of the navigation bar in hex-code, separated by comma. Do not enter #. You can specify the navigation bar colors separately for each images. (Example: cccccc, efefef, ff0000)
       5. Navigation bar transparency: Transparency of the navigation bar, value from 0 to 100, separated by comma. 0 means no transparency, 100 means fully transparent. You can specify the navigation bar transparency separately for each images. (Example: 70, 50, 80)
       6. Slideshow Time: How many seconds one image will show before moving to the next slide, separated by comma. You can specify the slideshow time for each image separately. (Example: 3, 5, 4)

Support: If you have any question/suggestion or if you wish to report any error please post it in our forum: SUPPORT FORUM LINK (Please do not forget to mention the extension name and the version)

Disclosure: Some of our articles may contain affiliate links; this means each time you make a purchase, we get a small commission. However, the input we produce is reliable; we always handpick and review all information before publishing it on our website. We can ensure you will always get genuine as well as valuable knowledge and resources.