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.
|
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/ClearTypehttp://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