fFade в нагрузках половина изображения

Question

У меня есть ползунок. Когда я нажимаю следующую кнопку, изображение меняется на следующую. На локальном хосте он работает отлично. На сервере некоторые изображения исчезают наполовину. У меня 39 фотографий для слайдов. Размер изображения составляет около 480 кб. (Всего 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: для демонстрации в реальном времени: (есть кнопка под изображением div. вы можете щелкнуть по нему.)

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

Answer 1

это из-за моей скорости соединения. Итак, теперь я проверю свои страницы, у которых есть проблема с другим интернет-провайдером