0

画像ギャラリーがあります。特定のギャラリーのサムネイル画像をクリックすると、実際のサイズの画像 (サイズ ~ 800KB) が読み込まれます。また、キーボードの左右の矢印キーを押している間、前後の画像を表示するオプションもあります。パフォーマンスを向上させるために、このようなJavaスクリプトでプリロードメソッドを作成しました

function preload(src)
{
 var image = new Image();
image.src = src; 
}

ユーザーが左右のキーを押すと、この preload() メソッドを呼び出して、次の画像と前の画像をプリロードします。ここで私が直面している問題は

各プリロード メソッド呼び出しでメモリ使用率が増加します。20 を超える画像を表示すると、Firefox がシャットダウンします。このメモリの問題を解決するにはどうすればよいですか。ここで、より優れた画像プリロード メカニズムを実装するにはどうすればよいですか。誰でも私を助けてください。

4

1 に答える 1

1

おそらく、画像を配列に保存して、しばらくしてから新しい画像に置き換えることができます。このような;

  1. サムネイル配列を埋める
  2. ユーザーがスクロールするときに、配列内の関係のないサムネイルを置き換えます
  3. 利益！！
于 2012-05-29T10:31:07.463 に答える