Fade in fade out text

Everyone loves fading in and fading out; it is an excellent way to transition between two messages. Using Fade in fade out text joomla module we can create the super fade in text gallery with our own text. In the admin we have option to enter our own text. Front end it will show the fade in gallery with the entered text.

By default, the script fades from black-to-white upon enter, and white-to-black upon exit.

Live demo available below, if you want to create the same fade in fade out effect for article title use my fade in fade out article title module.

Live demo

Features of this plugin

  • Easy to customize.
  • Option to update fade wait time.
  • Support all browser.
  • Admin option to add our own text.

Module installation instruction

  • Download the fade in fade out text module from the download location.
  • Log into the administrator section of your site.
  • Go to Extensions → Extension Manager.
  • Upload the available zip file.
  • Select it then click upload file and install.

Module configuration/Creating a new module instance

In your Joomla admin go to the module manager (Extensions → Module Manager in your admin menu). You should see the module fade in fade out text listed among the others. Simply click on the module name to open the module editor.

If you cannot find an instance of your new module, click the new button. The new module should be listed among the types available, select fade in fade out text which will create a new instance.

Set up the module parameters

Prefix : Fade in fade out prefix text

Fade in : Fade in time, only number

Fade : Fade time, only number

Fade step : Fade step time, only number

Fade wait : Fade wait time, only number

Fadein Text 1 : Option to add fade in text

Fadein Link 1 : Option to add link

Joomla parameters

  • Title: It is essential to set a title for the module.
  • Position: The position on the page where the module will be displayed.
  • Status: The module needs to be published in order for it to display.
  • Module Assignment: Assign the module to all pages.

Module admin screen

Joomla 1.6.x to Joomla 2.5.x : The right hand column displays parameters that are specific to your module Fade in fade out text.

Fade in fade out text

Joomla 3.0.x : Navigate to Extensions >> Module Manager and select the module from the list then click basic options tab to set up the module parameters. check below screen.

Fade in fade out text

Download location


12 Responses to“Fade in fade out text”

  1. Paul Robinson
    November 13, 2011 at 10:47 pm #

    I simply want to have announcements on the top of the Home Page that fade in and fade out. No links, etc. I have tried to implement this with no success. I typed the announcements in the Text# positions with no links, but nothing shows up on the page. Any suggestions?? Thanks in advance for any help.

  2. David Barrett
    November 17, 2011 at 7:34 pm #

    Module does not work, have tried in several ways to show the text but nothing shows up.

  3. Nicole
    November 23, 2011 at 5:28 pm #

    On localhost it’s working pefectly. But on my website http://server23.hostpoint.ch/~telich/schule-burg.ch/ it doesn’t work. When you take a look with firebug, the module is existing, but the code is light-grey and seems not to work. Is there a problem with java script?
    Thanks for your help.

  4. pat
    November 27, 2011 at 7:42 pm #

    It work very well, thanks

  5. DJ
    January 20, 2012 at 11:14 am #

    I can’t get this to work either. :( shame as it would have been ideal. I’m using joomla 1.7.

    Firebug shows me this

    so the link isn’t being populated from the database.

  6. DJ
    January 20, 2012 at 11:20 am #

    sorry here’s that code

  7. Trident
    August 25, 2012 at 9:19 pm #

    Does not work – entered text and links, only the “prefix” appears – nothing else.

  8. Tony
    October 14, 2012 at 8:38 pm #


    Nice work guys :)

    I have a very small problem, it stops SIGE Shadowbox from working and forces the Pictures to be displayed on a blank webpag.

    is there a way around this?

  9. Abz
    October 19, 2012 at 5:39 am #

    How do i change font type and prefix font color?

  10. Abz
    October 21, 2012 at 12:40 pm #

    can someone help?

  11. Ben
    January 25, 2013 at 12:03 am #

    Does this module work in Joomla 3.0? I am using the default Prostar template and prevents the whole page from loading if it is a published item with any position.

    any help?

  12. Alexey
    May 8, 2013 at 7:24 am #

    In Joomla 2.5.9 this module do not work correctly. It shows only Prefix and noting else works.

Comments closed due to heavy spam (back soon). If you have any query please use my contact form click here and mention your plugin name.