Задать вопрос
@Ablovka

Подключение (загрузка) картинок, как стили и скрипты?

На сайте активно используются картинки (кнопки, рамки, бэкграунды и прочие мелочи). Часто используемые забиваю в css и вывожу через span.

Есть ли возможность "подключать" картинки как и скрипты? Примерно так:

<html>
  <head>
     *подключаем стиль*
     *подключаем скрипт*
  </head>
  <body>
     Главная страница
  </body>
  *кэшируем картинки для других страниц*
</html>
  • Вопрос задан
  • 141 просмотр
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
mannaro
@mannaro
Умею профессионально гуглить
function cacheImage(url) {
  var img = new Image();
  img.src = url;
}

cacheImage('/page2.png');
cacheImage('/page3.png');

Либо просто:
img.cache {
  display: none;
}

<html>
  <head>
     *подключаем стиль*
     *подключаем скрипт*
  </head>
  <body>
    Главная страница
    <img class='cache' src='/image2.png'>
  </body>
</html>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы