TOC

Как предварительно загрузить изображение в JavaScript или HTML-код?

Как предварительно загрузить изображение в код JavaScript или HTML?

Часто нам необходимо предварительно загрузить изображение в кэш браузера для повышения производительности. Например, у нас есть событие mouseover, и изображение должно быть обновлено без задержки. Эту «предварительную загрузку» можно выполнить двумя способами: с помощью JavaScript или HTML-кода.

Javascript

Мы можем «предварительно загрузить» изображение следующим Javascript.

Мы также можем «предварительно загрузить» несколько изображений с помощью следующего JavaScript.

HTML

А как насчет Javascript отключен? Вот еще один подвох в HTML. Просто загрузите изображение и скройте его, указав ширину и высоту, равные = 1 :), кто беспокоится? 












                    

                        


    
    
    
    
    
    
    
    
    
    
    
    





                    

                

                



            

            

                

    
    
    


                

    
    
    


                

    
Related