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.