La meilleure façon de précharger des images lorsque l'état de non-rotation est du texte?

Question

Je suis conscient que l'utilisation de sprites CSS est la voie à suivre lorsque vous utilisez des images pour les deux états, mais qu'en est-il lorsque vous avez du texte comme état non-vérifié & une image sur hover?

Y a-t-il quelques façons auxquelles je peux penser, mais je me demande quelle méthode est la meilleure dans les opinions des gens?

Je peux penser à le faire via JavaScript ou à le charger via un élément CSS caché.

Answer 1

Utilisez-vous CSS Sprites pour other relevant images sur votre site web?

Si non, alors vous devriez le faire. Ayez vos "autres images pertinentes" et "images de menu" dans la même image d'image-objet.

Même si ce n'est que pour une autre image, cela signifie que vos images de menu :hover sont automatiquement préchargées.

Answer 2

Vous pouvez utiliser le même sprite, il suffit de définir le sprite sur une section transparente, ou background-position sur le bouton, et en vol stationnaire, placez-le au bon endroit et text-indent le texte, si l'image du bouton a le texte dessus.

La plupart des navigateurs ne préchargent pas les images cachées.