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.


interval Define the time between each news item’s display.
style Rotation style. Allowed values are “fadeIn”, “slideDown”.
limit Number of items to display in a single view.
auto Enable / Disable automatic transition.
motionSpeed Transition speed.
height Height of the wrapper in pixel. Example value : “120px”(please do not forget the quotes).

Download Attachment:

8 comments Add yours
    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.