jQuery Quick News Fader

jQuery content fade (rotate/slide) plugin is a multipurpose jQuery tool for displaying content. This is a great tool to present news, events, announces, press releases, and other content to your website page.


  • Light-weight, fast and simple.
  • Auto/Manual rotate.
  • Customizable animation speed.
  • Control key for previouse/next/pause/play.
  • Use your own CSS.
  • Multiple item in a single page.
  • Borwser support.
  • Search engine friendly.
  • Cross-browser compatibility

Demo Link





Default Options

Following options are default. You can configure them with your options.


intervalDefine the time between each news item’s display.
styleRotation style. Allowed values are “fadeIn”, “slideDown”.
limitNumber of items to display in a single view.
autoEnable / Disable automatic transition.
motionSpeedTransition speed.
heightHeight of the wrapper in pixel. Example value : “120px”(please do not forget the quotes).

Download Attachment:

8 thoughts on “jQuery Quick News Fader

    1. I have been browsing online more than 4 hours today, yet I never found any interesting article like yours.
      It is pretty worth enough for me. In my opinion, if all web
      owners and bloggers made good content as you did, the web will
      be a lot more useful than ever before.

    2. whoah this weblog is fantastic i love reading your articles.
      Stay up the great work! You realize, a lot of individuals are looking round
      for this info, you can help them greatly.

  1. Thanks for providing the JavaScript for this but am unable to implement because it is missing the additional HTML sample code. Can you provide a sample of how the HTML page should be set-up with rotating text blocks. Doing a Page Source of the demo does not have all the information.

    Much appreciated.


    Hi there,
    also got the same problem like mike: Fader won't work on IE (in my case v.7.x) …
    Anyone a solution/fix for this?

    Thanx & Cheers,

Leave a Reply

Your email address will not be published. Required fields are marked *


Please wrap all source codes with [code][/code] tags.

This site uses Akismet to reduce spam. Learn how your comment data is processed.