I have 3 slideshows running next to each other on one page. They all use the same jQuery script
In Chrome/Safari and Firefox they all start the sliding animation at the same time and give the desired visual effect on the page. However, in IE they don't all start together, they are a few milliseconds off so they spoil the whole effect as the images judder across the screen.
I don't know why it does this in IE and was wondering if anyone has any idea or any possible solutions to look into. I thought about maybe looking at setting a timer (setTimeout and setInterval) so that the script starts at a set time but then maybe I'm doing something fundamentally wrong for IE to be behaving like this or maybe it's a common bug?
The command in the head is
$(function () {
$('.anythingSlider').anythingSlider({
easing: "swing",
autoPlay: true,
delay: 8000,
startStopped: false,
animationTime: 600,
buildNavigation: false,
pauseOnHover: false,
stopText: ""
});
});