某些浏览器中的交叉淡化图像

Question

我正在尝试交叉淡化在一定时间间隔后自动更改的图像。我检查了safari和chrome中的代码，它在safari中运行良好。但是，在chrome中它最初运行良好，但是交叉渐变在某些时间不会发生，并且图像会闪烁和变化。有人可以告诉我为什么或建议任何改变。

<div class="fadein">
    <img src="img/slider/2.jpg" alt="img" >
    <img src="img/slider/3.jpg" alt="img">
</div>

jquery是

$(function () {
    $('.fadein img:gt(0)').hide();
    setInterval(function () {
        $('.fadein :first-child').fadeOut(2000).next('img').fadeIn(2000).end().appendTo('.fadein');
    }, 5000);
});