fFade加载一半图像

Question

我有一个滑块。当我点击下一个按钮时，图片会变为下一个。在localhost上，它的工作非常完美。在服务器上，一些图像褪色了一半。我有39张图片要滑动。图片大小约为480 kb。 （728x500像素全部）。 （图片名称：0.png 1.png ----＆gt; 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：对于现场演示:(图片div下方有一个按钮。您可以点击它。）

http://www.renkligorme.com/problem.php

Answer 1

因为我的连接速度很快。所以，从现在开始，我将在另一家互联网提供商处测试有问题的网页