Submitted by muneer on
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.
Features
- 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
Example 
Usage:
jQuery(document).ready(function() { $(".my-list").newsFade(); });
<div class="my-list"> <div class="news-fade-wrapper"> <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul> </div> <a href="" id="prev"><<</a> | <a href="" id="pause">pause</a> | <a href="" id="play">play</a> | <a href="" id="next">>></a> </div>
Default Options
Following options are default. You can configure them with your options.
{ interval : 5000, style : "fadeIn", limit : 1, auto : false, motionSpeed : 500, height : null };
| 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). |


Comments
jquery quck news fader
Thank you for this awesome jquey plugin.
Add new comment | Encodez Systems
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.
Add new comment | Encodez Systems
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.
I am sure this article has
I am sure this article has touched all the internet visitors, its really really good
piece of writing on building up new webpage.
News Fader Not Working With IE8
Have you tested the jQuery Quick News Fader With IE? It's not working for me.
Thanks in advance.
Supporting HTML Code.
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.
Example files
@shell, I have attached demo files in attachment. You can download them.
-> NOT WORKING ON INTERNET
-> NOT WORKING ON INTERNET EXPLORER! <-
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,
Kris
Nice plugin
Very nice and simple plugin.
:)
Interesting plug-in
This looks like an interesting plug-in. Simple and straightforward. Thanks.
Add new comment