2010-03-28 7 views
2

J'ai un bouton de soumission qui change lorsque l'utilisateur passe sa souris dessus. En ce moment, l'image prend un certain temps à charger et vous obtenez une demi-seconde où il y a un écran blanc au lieu de l'autre bouton. Y a-t-il moyen d'améliorer cela en n'utilisant que du CSS et du HTML ou dois-je faire du travail JS?CSS .Hover Image Chargement lent

Répondre

5

Utilisez un sprite image, puis basculez la position d'arrière-plan sur le vol stationnaire. Cela garantit que l'image affichée en vol stationnaire a déjà été téléchargée.

+0

bien que je l'ai remarqué un laps de sprites aussi. – pixeltocode

+0

Hmmm. Je n'ai jamais vu ce comportement. –

2

CSS Sprites

et charger les sprites css lorsque DOM est prêt, cela peut sorte de « pré-charge » l'image avant de l'utilisateur plane sur le bouton Envoyer :)

+2

Comment cette réponse est-elle différente de celle de Durilai? – pixeltocode

+0

@pixeltocode: justification: lien de démonstration fourni, et mon conseil sur le "préchargement" des sprites css lorsque DOM est prêt à économiser du temps de chargement et à améliorer la convivialité. –

+0

et en quoi le 'préchargement' diffère-t-il de 'déjà été téléchargé'? – pixeltocode