Hello,
I'm using cycle plugin for a slider on this website
http://fsd.jonathan-hall.com/. It works fine in all the browsers except IE.
The slider marked up as a list:
- <ul>
- <li>
- <div> all slider details </div>
- <div> slider img </div>
- </li>
- <li>..</li>
- </ul>
I'm using the following settings for the slider in js:
- $('#the-slider')
- .before('<div id="slider-nav">')
- .cycle({
- fx: 'fade',
- cleartype: true,
- cleartypeNoBg: true,
- speed: 600,
- timeout: 10000,
- pager: '#slider-nav'
- });
So the bug that is happening in IE, is that the transition between the slider elements <li>s are not very smooth. Before displaying a next slide, there is a noticeable pause where nothing is displayed but the background of the <li> element.
I've read up lots of questions and answers and tried the solution with
- cleartype: true,
- cleartypeNoBg: true,
but that doesn't seem to help :(
I'm a complete begginer with js, I would hugely appreciate if someone can help me out... I've no idea what to do.
Many thanks,
Dasha