Como as imagens de pré-carga usando apenas CSS (sem JS)?

StackOverflow https://stackoverflow.com/questions/1905362

Pergunta

imagens Como posso pré-carga usando apenas CSS, por isso sem o uso de JavaScript? Tem que ser cross-browser.

Eu não quero usar CSS sprites. Existe alguma outra solução?

Foi útil?

Solução

Você pode usar vários elementos, escondidos com background-position: -1000px -1000px; e dar-lhes uma background-image para cada imagem que deseja pré-carga.

Outras dicas

Você poderia tentar carregar todos eles antes da tag body terminando e não exibi-los. Então, se você chamá-los mais tarde, eles devem estar no cache, se você usar exatamente o mesmo caminho. 

<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />

Você também pode fazer uma classe com display:. Nenhum e que se aplicam a todas as imagens que deseja pré-carga, bem

Este seria incorrer em mais solicitações HTTP embora e se você quiser reduzir os sugiro CSS Sprites se que já lhe diz respeito.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top