いくつかの画像のソースを含む配列を作成するプリロード関数があります。
function preload() {
for (var n = 0; n < urls.length; n++) {
images[n] = new Image;
images[n].onload = updateCurrenttype();
images[n].src = urls[n];
console.log('urlsPreload[n]: '+urls[n]);
}
}
function updateCurrenttype() {
currenttype = 1;
}
現在のタイプの更新関数は、イメージを要求する必要があるかどうかを確認するためのフラグのようなものでなければなりません。しかし、明らかに意図したとおりに機能していません:D
次に、画像を表示する show 関数がありますが、何らかの理由で画像が表示されず、画像が何度も要求され続けます。プリロード配列のものを使用する代わりに。
function showimage() {
if (currenttype != 0) {
imageitem.src = images[currentindex].src;
}
console.log('urls[ci]:'+images[currentindex].src);
}
これらの画像はアニメーションなので、画像を何度もダウンロードするのではなく、再利用してほしいです。
これを達成する方法はありますか?