Dropdown блоки содержат картинки, как минуя js можно сделать lazy loading для img?

Question

[Артур]

Собственно, весь вопрос в теме.
При наведении на пункт меню выскакивает дропдаун который по-умолчанию загружается как display:none, как я понимаю картинки внутри блоков будут грузиться во всех браузерах кроме старой Оперы.
Нужно сделать их загрузку при display:block.

Comments

[Александр Таратин]

как минуя js можно сделать lazy loading

В чем причина - не использовать js?

[Артур]

С помощью js все просто и понятно, тем паче, что есть некоторое количество библиотек решающих эту проблему. Хочется попробовать без js.

[Moskus]

Ну так как вам идея с тем, чтобы не убирать, а "сжимать в точку" нужный блок?

Answer 1

[Moskus]

Ответ прямо следует из вопроса.
Не надо делать блоку по умолчанию display:none.
Сделайте ему абсолютное позиционирование в какой-нибудь правый нижний угол окна, размер 1х1 пиксель и то же самое - для картинок. А в правиле, которое для :hover верните все на место, как полагается.