Чтобы LazyLoad Images с эффектом FADE, я использую javaScript с recsection Observer . Когда изображение входит в порт View, происходят следующие две вещи: < /p>
Содержание data-srcset < /em> и data- src передается в srcset и src . Нагрузка изображения. /> Моя проблема заключается в следующей: я сейчас использую элемент picture , с source и img , и я пытаясь адаптировать этот сценарий. Кажется, что onload не совместим с элементами source и picture . Нацеливая только на элемент img , эффект затухания начинается слишком рано, в то время как source еще не загружен.
Это было бы возможно Чтобы исчезнуть весь элемент picture , когда -то, что source и img внутри загружаются? Или исчезнуть элемент Figure над ним?
Подробнее здесь: https://stackoverflow.com/questions/793 ... re-element