Предзагрузка изображений при помощи CSS

17 сентября 2018 г.
CSS
199
Предзагрузка изображений делается с помощью псевдоэлементов :before или :after к тегу body. При этом в свойствах псевдоэлемента перечисляются все картинки, которые нам надо предварительно загрузить. Сам же псевдоэлемент прячется через display:none.

<style type="text/css">
body:after {
    content:
        url('/images/slider_image.jpg')
        url('/images/menu_sprites.png')
        url('/images/loading_spinner.gif')
    ;
    display: none;
}
</style>
Поделиться: