Как я могу предварительно загружать изображения только с помощью CSS, поэтому без использования JavaScript? Он должен быть кросс-браузером.Как предварительно загружать изображения только с помощью CSS (без JS)?
Я не хочу использовать CSS спрайты. Есть ли другое решение?
Вы можете использовать несколько элементов, скрытых с background-position: -1000px -1000px;, и дать им background-image для каждого изображения, которое вы хотите предварительно загрузить.
Использование CSS Sprites.
Вы можете попробовать загрузить их все до окончания тега тега и не отображать их. Затем, если вы позже их вызовете, они должны быть в кеше, если вы используете тот же самый путь.
<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />
Вы также можете создать класс с дисплеем: none и применить его ко всем изображениям, которые вы хотите предварительно загрузить.
Это потребует больше HTTP-запросов, и если вы хотите сократить их, я предлагаю CSS-спрайты, если это когда-либо вас касается.
это не работает во всех браузерах. Некоторые из них больше не выглядят в элементах, которые не отображаются. –
* Почему * вы не хотите использовать CSS спрайтов? – mpen