Lazyload изображение с проблемой падения высоты - PullRequest
Новая
       7

Lazyload изображение с проблемой падения высоты

0 голосов
/ 06 декабря 2018

Я работаю над проектом с использованием библиотеки lazysize , одна проблема, с которой я столкнулся, это то, что у меня есть страница с такими компонентами: 

 <body>
    <div>
      <img data-src="img1.jpg"></img>
    </div>
    <div>
      <img data-src="img2.jpg"></img>
    </div>
      <img data-src="img3.jpg"></img>
    </div>
    ...
      <img data-src="img10.jpg"></img>
    </div>
    <div>text-text</div>
<body>

Вы можете увидеть всю страницувысота это общая высота этих изображений.В этом случае, когда я проверяю поток в сети, функция lazyload работает не так, как я хочу, потому что нет высоты в начале (до загрузки изображения), поэтому все элементы помещаются в представление, и js будет рассматривать их как все элементы представления.и затем загрузите, чтобы переключить data-src на src.В конце концов, библиотека lazyload не загружает изображения lazyload.

Я попытался добавить min-height в parent div, чтобы заставить его иметь некоторую высоту, проблема здесь в том, что изображение src исходит от другой команды, поэтому оно можетБудьте очень короткими, в этом случае минимальная высота нарушает стиль.

Вопрос : Есть ли элегантный способ решить эту проблему?

Спасибо!

...