préchargement d'image JavaScript

Question

J'ai tellement d'images dans un diaporama et j'ai besoin de servir ce diaporama sur un safari mobile. J'ai remarqué que chaque fois que la page se charge, elle reste bloquée pendant un certain temps jusqu'à ce que toutes les images soient chargées.

J'ai décidé de charger des images avec un événement click quand j'en ai besoin pour une action spécifique au lieu d'ajouter toutes les images directement dans le HTML. Je souhaite utiliser un script de préchargement d'image, puis j'ajouterai l'image en fonction de l'action de l'utilisateur.

Le préchargement de l'image aura-t-il une incidence sur le temps de chargement de la page, ou cela m'aidera-t-il à améliorer le temps de chargement de la page et à ajouter des images au besoin?

Faites-moi savoir s'il existe un autre moyen de l'atteindre. Mon objectif est de charger la page plus rapidement et également d'ajouter des images au besoin, ce qui n'affectera pas la qualité de l'animation et le rendu de l'image.

script chargement d'images

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

Answer 1

Utilisez CSS:

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