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 have to opt-in for ClearType corrections by using the
cleartype option. It is only necessary to do this when using a
'fade' transition in combination with either text slides or PNGs with
transparency.
$('#slideshow').cycle({
cleartype: 1 // enable 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