Подгружает ли браузер картинки при css display:none?

Question

[Сергей]

Есть задача сделать подгрузку картинок при скролле аяксом. Есть мнение, что
достаточно будет задать картинкам display:none, а потом показывать их, при скролле, мол тогда они и будут подгружены. Так ли это и во всех ли браузерах? Или надо иное решение?

Answer 1

[Александр Маджугин]

Подгружает.
Пример - news.kipov.ru
Проматываете вниз и жмете Показать еще. Там как раз эта особенность используется для прекэширования следующей страницы.

Иное решение выгурзить все src в js объект и создавать img из него при необходимости.

Answer 2

[Александр Софьин]

Как только браузер видит источник в теге img, то моментально делает запрос.
Можно использовать следующий прием:

<div style="display:none">
    <div style="background: url(img.png)"></div>
</div>

Браузер не будет вычислять стили дочерних элементов для отрисовки страницы, соответственно не будет делать запрос.