‹‹ cycle homejQuery Cycle Plugin - ClearType Demo

This page demonstrates the fade transition using text slides. If you're using IE and have ClearType enabled, the text in the slideshow below would normally look downright awful. But Cycle now includes techniques to defeat the ClearType problem. Have a look...

The Cycle Plugin is a ClearType beater!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.
The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
Ok, so if you're using IE7 and you look very closely you will see that the text is aliased during the transition and is corrected immediately after the transition completes. But it's pretty good, eh?

You can opt-out of ClearType corrections by using the cleartype option, but I wouldn't recommend that if you're slides include text or PNGs with alpha transparency.

$('#slideshow').cycle({
    cleartype:  false // disable cleartype corrections
});

More Reading on ClearType...

http://en.wikipedia.org/wiki/ClearType
http://blogs.msdn.com/ie/archive/2006/02/03/524367.aspx
http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx
http://google.com/search?q=cleartype%20opacity