ベット 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];
}