JavaScript画像のプリロード

Question

私はスライドショーで非常に多くの画像を持っており、このスライドショーをモバイルサファリに提供する必要があります。ページが読み込まれるたびに、すべての画像が読み込まれるまでしばらく時間がかかります。

すべての画像を直接HTMLに追加するのではなく、特定のアクションに必要なときにクリックイベントで画像を読み込むことにしました。

イメージプリロードスクリプトを使用したいと思っています。その後、ユーザーの操作に応じてイメージを追加します。

画像のプリロードはページの読み込み時間に影響しますか、これはページの読み込み時間を改善し、必要に応じて画像を追加するのに役立ちますか？

また、達成するための方法が他にある場合はお知らせください。私の目標は、ページをより速く読み込んで、必要に応じてアニメーションの品質やイメージのレンダリングに影響を与えないイメージを追加することです。

イメージロードスクリプト

https://web.archive.org/web/1/http://articles.techrepublic%2ecom%2ecom/5100-10878_11-5214317.html

Answer 1

使用CSS：

a:hover { 
    background:url("menu2.gif") left top no-repeat; 
}