ベット 20 ~ 40 枚の画像を含むスライド ショーがありますが、すべての画像をプリロードするように設定したにもかかわらず、各画像がロードされるまでにかなりの遅延があります(最近、プリロードを '40' に増やしました)。これを改善するにはどうすればよいですか?
スライドショーの設定は次のとおりです。
$(function () {
$('.fancybox').fancybox({ 
  autoResize: true,
  autoCenter: true,
  scrolling: 'no',
  preload: '40',
     helpers: {         
            overlay: {
                closeClick: false
                },
            },                            
        });     
この機能と組み合わせて使用しています:
function manipulateDOM1() {
    changeObjectsTrendy();
    NextImageTrendy();
}
function changeObjectsTrendy() {
    document.getElementById("questionTrendy").innerHTML = textTrendy[textTrendyNumber];
}
function NextImageTrendy() {
    if (imgTrendyNumber < NumberOfTrendyImages)
    {
    imgTrendyNumber++;
    document.images["trendy"].src = trendy[imgTrendyNumber];
    document.images["trendyControl"].src = trendyControl[imgTrendyNumber];
    textTrendyNumber++;
    document.getElementById["questionTrendy"].innerHTML = textTrendy[textTrendyNumber];
}