Como as imagens de pré-carga usando apenas CSS (sem JS)?
-
19-09-2019 - |
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?
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
Use CSS Sprites .
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.