The issue arises when the carousel shifts or jumps during transitions, and I'm at a loss for what might be causing it.
$(".timer").css("display");
$(".timer:gt(5)").css("display", "none");
function move_first() {
//console.debug("animate");
$(".timer").eq(0).stop().animate({
opacity: 0.00,
width: "toggle"
}, 500, function() {
$(this).insertAfter($(".timer").eq(-1));
$(this).css('opacity', '1');
$(".timer").eq(5).animate({
opacity: 1.00,
width: "toggle"
}, 500, function() {
$(".timer").css("display");
$(".timer:gt(5)").css("display", "none");
});
});
setTimeout(move_first, 3000);
}
move_first();
If you'd like to access the jsfiddle, here is the link: Jumpy Carousel
Do you have any thoughts on how to fix this?