скроллер изображения jQuery начинается белый

Question

У меня возникли проблемы с скроллером с jQuery css3 на моем тестовом сайте. Он отлично работает, за исключением того, что я не могу понять, почему он показывает пустой белый экран в течение первых двух секунд перед переключением между изображениями. Я хочу, чтобы он просто начал показывать изображение, а затем прокручивал оставшиеся изображения, а не начинал белым и просматривал изображения.

HTML

<div id="imgscroll"> 
<img src="images/bg/bg_1.jpg" /> 
<img src="images/bg/bg_2.jpg" /> 
<img src="images/bg/bg_3.jpg" /> 
<img src="images/bg/bg_4.jpg" /> 
<img src="images/bg/bg_5.jpg" /> 
</div> 

CSS

#imgscroll { 
width: 100%; 
height: 100vh; 
} 
#imgscroll img { 
position:absolute; 
top:0; 
display:none; 
width:100%; 
height:100vh; 
z-index: -3; 
} 

JS

$('img').hide(); 
function test() { 
$("#imgscroll img").first().fadeIn(2500); 
$("#imgscroll img").first().appendTo('#imgscroll').fadeOut(2500); 
setTimeout(test, 5000); 
} 
test(); 

Answer 1

это может быть потому, что вы его выцветания и за 2,5 секунд:

$("#imgscroll img").first().fadeIn(2500); 
$("#imgscroll img").first().appendTo('#imgscroll').fadeOut(2500); 

Попробуйте удалить эти 2 строки^

Answer 2

Попробуйте изменить это нравится 50 вместо пф 2500