Documentation | RSFlashMatic Joomla Extension

September 7, 2010

Doc

 
rs flashmatic

RSFlashMatic is a Joomla Module works natively in Joomla 1.5.x and Joomla 1.6.x environment. This is a Joomla extension specially developed for Joomla version 1.5.x and 1.6.x. This is a highly customizable XML Image Rotator with more than 35 XML options, including the masking size and speed. You can control the position of the elements on the screen, the number of images, as well as the colors – all from XML. You can use this module in any size you need. This is a free extension. The features are:

  • Customizable width and height of the slideshow.
  • Customizable background color, position, size and transparency of the Navigation/Controller Bar. You can also able to customize the background color and transparency for each and individual images based on the image color theme.
  • Customizable Play, Pause, Previous and Next buttons.
  • Customizable Slide Duration and Transition time.
  • Customizable Image Link, Image Title and Image Caption/Description.
  • 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-FlashMatic 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.
    • General Configuration:
      • 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.
      • Show Images Randomly: Randomize the images of slideshow or Not. Default value is “NO”.
      • Background Color: Color of the background in hex-code. Default value is “FFFFFF”. Do not enter # with this value. Say you wish to make the background color to RED. Then add “FF0000″ here (not #FF0000).
      • Background Transparency: Transparency of the background. Any value from 0 to 100. 0 means no transparency, 100 means fully transparent. Default value is “100″.
      • Loader Color: Color of the Image Loader in hex-code, do not add #. Default value is “000000″.
    • Cell Configuration:In time of transition from one image to other, the image will splits into small pieces/cells. Here you can configure the behavior of those cells:
      • Cell Width: Width of Cells in pixel. Default value is “50″.
      • Cell Height: Height of Cells in pixel. Default value is “50″.
      • Cell Show Time Minimum: Minimum Show Time of Cells in seconds. Default value is “0.2″.
      • Cell Show Time Maximum: Maximum Show Time of Cells in seconds. Default value is “1.5″.
    • Cell Border Configuration:In time of transition from one image to other, the image will splits into small pieces/cells. Here you can configure the border style of those cells:
      • Blur: Blurriness of the border. Any value from 0 to 100. Default value is “50″.
      • Border Display Time: Display Time of Border in seconds. Default value is “0.5″.
      • Border Prominency: How prominent the border will display. Any value from 0 to 100. 0 means border will not display, 100 means border is fully prominent. Default value is “80″.
      • Border Color: Color of the Border in hex-code, do not add #. Default value is “000000″.
    • Navigation Bar Controller Style:Here you can control all settings of Navigation/Controller Bar:
      • Display Controller: Display the Controller or Not. Default value is “YES”.
      • Display Controller Background: Display Background of the Controller or Not. Default value is “YES”.
      • Display Previous-Next Button: Display the Previous-Next Button or Not. Default value is “YES”.
      • Display Play-Pause Button: Display the Play-Pause Button or Not. Default value is “YES”.
      • Auto Play: Start Auto Playing the Slides or Not. Default value is “YES”.
      • Navigation Button Color: Color of the Navigation Button in hex-code, do not add #. Default value is “000000″.
      • Controller Left-Right Padding: Padding/Spacing of the Controller Bar in Left and Right. Value in pixel. Default value is “10″.
      • Controller Padding from Bottom: Padding/Spacing of the Controller Bar from Bottom. Value in pixel. Default value is “10″.
      • Controller Height: Height of the Controller in pixel. Default value is “27″.
      • Distance Between Controller Buttons: Distance Between Controller Buttons in pixel. Default value is “10″.
      • Navigation Text Color: Color of the Navigation Text in hex-code, do not add #. Default value is “000000″.
      • Navigation Text Over Color: Color of the Navigation Text when you Mouse-Over, in hex-code, do not add #. Default value is “473C31″.
      • Selected Navigation Text Color: Color of the Navigation Text when Selected, in hex-code, do not add #. Default value is “FFFFFF”.
      • Background Prominency of Selected Text: How prominent the background will display of selected texts. Any value from 0 to 100. 0 means background will not display, 100 means background is fully prominent. Default value is “70″.
      • Distance Between Navigation Texts: Distance Between Controller Buttons in pixel. Default value is “7″.
    • Image Caption Display Settings:Here you can set the display style of image caption i.e. the display style of Title, Description and Read-More text:
      • Caption Box Padding from Right: Padding/Spacing of the Caption Box from Right. Value in pixel. Default value is “10″.
      • Caption Box Padding from Top: Padding/Spacing of the Caption Box from Top. Value in pixel. Default value is “10″.
      • Width of Caption Box: Width of Caption Box in pixel. Default value is “390″.
      • ‘Read More’ Button Text: Text of ‘Read More’ Button. Default value is “read more”.
      • ‘Read More’ Text Color: Color of ‘Read More’ text, in hex-code, do not add #. Default value is “FFFFFF”.
      • ‘Read More’ Text Over Color: Color of ‘Read More’ text when mouse-over, in hex-code. Do not add #. Default value is “999999″.
      • Background Prominency of ‘Read More’ Button: How prominent the background will display of ‘Read More’ button. Any value from 0 to 100. 0 means background will not display, 100 means background is fully prominent. Default value is “80″.
      • Background Color of ‘Read More’ button: Background Color of ‘Read More’ button, in hex-code. Do not add #. Default value is “473C31″.
      • ‘Read More’ Text Left-Right Padding: Padding/Spacing of the text from Left and Right of ‘Read More’ Button. Value in pixel. Default value is “50″.
      • ‘Read More’ Text Top-Bottom Padding: Padding/Spacing of the text from Top and Bottom of ‘Read More’ Button. Value in pixel. Default value is “5″.
      • Caption Box Inner Left-Right Padding: Inner Padding/Spacing of the Caption Box from Left and Right. Value in pixel. Default value is “20″.
      • Caption Box Inner Top-Bottom Padding: Inner Padding/Spacing of the Caption Box from Top and Bottom. Value in pixel. Default value is “15″.
    • 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.
        4. Navigation/Controller Bar Background Color: Enter the Background color of Navigation Bar Controller in hex-code, do not add #. Default value is “FFFFFF”.
        5. Navigation/Controller Bar Transparency: Enter the Transparency of Navigation Bar Controller. Any value from 0 to 100. 0 means not transparent, 100 means fully transparent. Default value is “40″.
        6. Slideshow Time: Enter how many seconds one image will display before moving on to the next image. Default value is “4″.
      • ADVANCED SETTINGS:
        1. Image(s) Path: Specify the relative path of all your images, within {}. 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. Image(s) Title: Specify the title of the images, within {}. Example:
          {Sample Title 1}
          {Sample Title 2}
          {Sample Title 3}
        3. Image(s) Caption/Description: Specify the caption/description of the images, within {}. Example:
          {Sample Caption 1}
          {Sample Caption 2}
          {Sample Caption 3}
        4. Link to Image(s): Specify the link of the images, within {}. Example:
          {http://www.example1.com/}
          {http://www.example2.com/}
          {http://www.example3.com/}
        5. Open link(s) in: Open the link(s) in the same window or in a new window, within {}. You have 2 options ‘_blank’ or ‘_self’. Example:
          {_self}
          {_blank}
          {_blank}
        6. Navigation/Controller Bar Background Color(s): Background color(s) of Navigation Bar Controller in hex-code, within {}, do not add #. Example:
          {FFFFFF}
          {FEFEFE}
          {D3D3D3}
        7. Navigation/Controller Bar Transparency(s): Specify the Navigation/Controller Bar Transparency, within {}. Any value from 0 to 100. 0 means not transparent, 100 means fully transparent. Example:
          {40}
          {50}
          {65}
        8. Caption Box(es) Background Color: Specify the background color of caption box(es), within {}. Example:
          {FFFFFF}
          {FEFEFE}
          {D3D3D3}
        9. Caption Box(es) Background Transparency: Specify the background transparency of caption box(es), within {}. Any value from 0 to 100. 0 means not transparent, 100 means fully transparent. Example:
          {60}
          {50}
          {45}
        10. Caption Box(es) Border Color: Specify the border color of caption box(es), within {}. Example:
          {FFFFFF}
          {FEFEFE}
          {D3D3D3}
        11. Caption Box(es) Border Prominency: Specify the border prominency of caption box(es), within {}. Any value from 0 to 100. 0 means border will not display, 100 means border will fully prominent. Example:
          {60}
          {70}
          {55}
        12. Slideshow Time(s): How many seconds image(s) will display before moving on to the next image, within {}. Example:
          {4}
          {6}
          {5}

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)

 
, , , , ,

About Souvik

Web Developer and SEO Specialist with 10+ years of experience in open source web development. He is also the moderator of this blog (www.rswebsols.com)

View all posts by Souvik

51 Responses to “Documentation | RSFlashMatic Joomla Extension”

  1. Shepherd Says:

    Hi Souvik,

    Thanks for the wonderful module. Can one change the navigation bar selected text background?

    Reply

  2. Dorcas Says:

    i really like this module, it work really well when i was using joomla 1.5. Now i am using 2.5- please did you make any for 2.5?

    Reply

  3. elias Says:

    Hello, i am usin the sflashmatic in joomla 1.5.

    Using Advance configuration and loading more than 500 images everything works ok, but links for every image truncate at 83 image. Sems to be that the links parameter is not seveing.
    I want to save url like this {http://www.si.cultura.cr/index.php?option=com_sicultura&task=presentarArticulo&Itemid=75&id=527} where just the last parameter change.

    any suggestion?

    regards!

    Reply

  4. zola Says:

    Good day S

    thank you for this module… However its not working on my site http://www.utpg.co.za. But the strange thing is that its working locally. Please help. the module just shows a white background with a back circle in the middle?

    Reply

    • Souvik Says:

      In your case this is a permission issue. Please do the following:

      1. Login to your server’s root directory using FTP.
      2. Then go to “modules/mod_rsflashmatic/”.
      3. Here you can find one folder called “xml”. Chmod this folder to “755″.
      4. Then go to “modules/mod_rsflashmatic/xml/”.
      5. Here you can find one/some files like rsflashmatic_XXX.xml, here XXX can be any number. Just delete these kind of files.
      6. Then reload your website.

      Reply

  5. mihir Says:

    This is my site and I enabled module on all pages of my site. But it is leaving extra spacing on right and bottom of slideshow. I checked all configuration but none of it is causing it. Please help to remove that extra white space. http://www.ieecoman.com/ieecoman

    Reply

    • Jesper Says:

      I have the same problem.
      It seems to have something to do with browsers…?
      When viewing RSFlashmatic in IE on my new laptop (W7) the extra empty space shows up – but not in Firefox and Chrome…
      On my old desktop I have no problems in IE, but my screen has the old fashioned dimensions 1280 X 1024…

      Reply

      • Souvik Says:

        As our module is a fixed width module, if you use the module in a “module position with fixed width” then I think you will not face any problem.

        Reply

  6. George Says:

    Awesome mod, but i have a slight problem…

    I tried to remove the background of the slideshow with no luck. I don’t know what i did wrong.. The slideshow works fine. i changed the values of transparency from 100 to 0 and nothing again.. any help would be appreciated..

    Reply

    • Souvik Says:

      The background depends on 2 parameters, “Background Color” and “Background Transparency”. So please try to change both simultaneously as per your needs.

      Reply

  7. Ole Says:

    Hello,
    I am trying to insert a slide show into an article – at a defined place. Actually, I will have more of them with text in between.
    How can I go into an article on a specific place and see that RS Flahsmatic should be placed there.
    And how to I get other pictures in the RS Flashmatic in the next paragraph.

    Looking forward to response.

    Reply

  8. Rob Says:

    Hi Souvik

    This is a great extension thanks.

    Looks really good in firefox, but in Chrome for Mac, the images are stretched and don’t fit in properly. Is this something to do with my browser settings or do I need to change something?

    Thanks a lot

    Reply

  9. mehran Says:

    Hi, how font can be changed, I use non-english languge character and it dose not showed. thanks

    Reply

    • Souvik Says:

      Many non-english characters are supported by our module. But not all. If you are using Russian, Turkish or similar characters this may not display properly. We are very sorry for the inconvenience.

      Reply

  10. Nana Says:

    am trying to install the RS-Flashmatic module and this is the error message am getting JFTP::mkdir: Bad response
    JFTP::chmod: Bad response
    JFTP::store: Bad response
    Warning! Failed to move file.
    am installing it as a zip file as i do with most modules. Thank You

    Reply

  11. Issufo Says:

    Hi Souvik,
    I have been trying your RS Flashmatic on a new website and so far it looks excelent and works well and I have 2 questions.

    1-I would like to ask you if is possible to place the RS FLASHMATIC in diferent pages of the website showing diferent fotos?

    2- This website is purely informative for now but I am thinking to link it with to a online shop. How does it work concerning RS FLASHMATIC licence?

    Please let me learn this subjects as soon as possible

    Best Regards

    Reply

    • Souvik Says:

      Please find the answers below:

      1. Yes, possible. Just create different module for each page and display it accordingly be selecting the proper “Menu Assignment” in the module editor page.

      2. Our module is free and you can use our module in any kind of website. However if you wish to purchase a “Powered By” link free copy you can use our “Purchase” page for that.

      Reply

  12. Viviana Says:

    Hi,

    How can I change caption text size? Thank you very much!!

    Reply

  13. Krasi Says:

    Hi Souvik,

    Thank you for helping all of us !!

    Could you please see why the module shows wider in IE9 and the correct size in Firefox? How can I rectify this? http://www.teamwork-uk.co.uk/joomla/

    Regs

    Reply

    • Krasi Says:

      Sorry, this is resolved now. It has to do with the scaling of the site. The module does not scale like everything else on the site.

      Reply

  14. elias Says:

    Hello, i want to know where does the configuration is stored? I am playing around to atomate the insertion of this information.
    Thanks!

    Elias

    Reply

  15. juan carlos Says:

    this application does not run ok, what can i do? http://www.piezasmania.com/practikasjk1/

    Reply

  16. dimsum Says:

    hi souvik,

    This is great module, but i have problem.
    This module is working in my localhost computer, and i was uploading to the internet, but after 1 day the picture in module didn’t displayed, only the title was displayed.
    i may help from you to solve this problem

    thanks

    Reply

  17. izzy Says:

    i love this module, but it does not play on the iphone and ipads. Are you going to be setting up a new one that will?

    Reply

    • Souvik Says:

      Hi, If your mobile (or mobile browser) support flash, then the module will surely work. We tested it in smart-phones with Flash player installed and it works perfectly.

      Reply

  18. Kenan AGKURT Says:

    Hi Dear Souvik first of all thanks alot for this very nice modul. But when open localhost. it gave me errorNotice: Undefined variable: rsws_ret in **************modules\mod_rsflashmatic\mod_rsflashmatic.php on line 20My_System&Using Wamp___________________ Apache Version : 2.2.17 PHP Version : 5.3.8 MySQL Version : 5.5.8

    Reply

  19. Shahid Says:

    Hi,

    its working perfectly at localhost but when i have uploaded it to live sever the images are not displaying only preloader is moving continuously.
    Look forward to you help.

    Many Thanks,

    Reply

    • Souvik Says:

      Hi Shahid,

      Please provide the URL of your website where we can able to review the problem. This will help us to find out the problem quickly.

      Thanks,
      Souvik

      Reply

  20. juztas Says:

    Hi,

    I haven`t founded more info about utf-8 , is it available to import these characters : ąęčęįėįšųž , thanks :)

    Reply

  21. Luis Says:

    Hi,

    How can I change caption text color?. I’ve not found de parameter to do this.

    Thanks for help

    Reply

    • Souvik Says:

      You can change the color of title and caption using similar format like below:

      1. In the "Image Title" field you can enter the title like this:

      {<font color="#ffff00">Test Title</font>}

      2. Similarly in the "Image Caption/Description" field you can enter the caption like this:

      {<font color="#ff0000">Test Caption</font>}

      Thanks,
      Souvik

      Reply

Leave a Reply

Current day month ye@r *