Javascript fFade加载图像的一半

我有一个滑块。当我点击下一步按钮时，图片变为下一步。在本地主机上，它工作得非常好。在服务器上，一些图像会消失一半。我有39张照片要滑。图片大小约为480 kb。（全部为728x500像素）。（图片名称：0.png 1.png-->38.png）

我没有把css代码，以防止太多的代码行

以下是JS代码：

var res = 1;
$(document).ready(function(e) {
    $("#slider>img").fadeOut();
    $("#slider>img#0").fadeIn();

    function nextPic() {
        if (res > 38) // redirect to some page.
            $("#slider > img").fadeOut();
        $("#slider > img#" + res).fadeIn();
        res = res + 1;
    }
}

以下是HTML代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
<div id="slider"><?php 
    for($i = 0; $i < 39; $i++) 
        echo "<img id='".$i."' src='testPlates/".$i.".png'/>"; 
?></div>
<div id="inputOne">
    <input type="button" value="Next Slide" onClick="nextPic();"/>
</div>

以下是加载部分内容的部分图片：

但画面必须是这样的：

EDİT:对于live demo：（图片分区下面有一个按钮。你可以单击它。）

---

这是因为我的连接速度。因此，从现在起，我将在另一家互联网提供商测试有问题的页面

如果您需要更多信息来解释我的问题，请立即告诉我。请添加演示（实时示例），因为根据您提供的代码很难找到问题。好的。我将很快加载演示。我在用手机。我很快就会去工作，然后我会添加一个演示。我正在点击按钮，所有的图片都被完全加载。（它们看起来不像你在问题中发布的图像——我看到的图像是用于“色盲”测试的）我去了我朋友的家，在那里试过。成功了。所以问题一定是我的连接速度。非常感谢大家。我努力寻找问题，却找不到。感谢@Ofir Baruch。从知道我将尝试我的网页有问题，在另一个互联网供应商。