Как лучше сделать Lazy Load для адаптивных изображений?
Вечер добрый. Может кто подскажет, как лучше всего сделать адаптивный lazy load для изображений, без явного прописывания ширины и высоты? Может есть хаки какие? Заранее спасибо )
Понравился первый вариант, но почему-то не работает, если еще указывать src (в случае, если JS выключен). Вроде в этом его фишка. Может знаете, в чем может быть проблема?
Alexandr Alexandrov, да, я указываю с помощью src и srcset, если указывать только srcset, то работает, если еще указать src, не работает, хотя, вроде как, в описании указано, что в этом его фишка и он должен работать. ))
Alexandr Alexandrov, может посоветуете, как сделать lazy load с поддержкой устройств с отключенным JS? То бишь, чтобы если JS выключен, грузилось все без lazy load )
TitNIk, можно переделать. Например, как в статье описано https://www.robinosborne.co.uk/2016/05/16/lazy-loa... - на js эффект формируется, а если отключён js на устройстве - скрываются лишние изображения .hidden {display:none;} и через noscript подгружаются нужные. Впрочем, можно отсюдать взять только логику - прятать картинки и показывать при noscript свой блок, свои изображения.
