Имам много заредени изображения за Isotope и се чудех дали има начин isotope да не зарежда изображения, освен ако не са на екрана? Добре съм, ако изображенията заемат подходящото пространство, тъй като предоставям ширината и височината на всички изображения, но се чудя дали има начин изображенията да не се зареждат, освен ако не са необходими?
Има ли начин isotope да не зарежда изображения, освен ако не се виждат на екрана?
Отговори (1)
Без да знам какви изисквания може да имате, бих предложил да комбинирате Lazy Load с Isotope.
Ето подробно обяснение как да интегрирате двата скрипта.
Ако имате нужда от повече помощ, моля, публикувайте цигулка с вашия код.
person
Pixelsmith
schedule
20.03.2015
А, интересно. Благодаря ви за предложението. Определено ще го проверя.
- person rotaercz; 20.03.2015
Ето един codepen с по-модерен lazyloader: codepen.io/aFarkas/pen/VYGvde
- person alexander farkas; 20.03.2015
@alexanderfarkas: Благодаря за линка! По-бърз ли е? По-актуална версия на Lazy Load ли е?
- person rotaercz; 20.03.2015
В сравнение с $.lazyload той е много по-бърз (време за изпълнение и мрежа). Но има много други подобрения: автоматично открива всякакви промени във видимостта (няма нужда да задейства фалшиво събитие за превъртане). Той също така автоматично открива нови изображения. Както автоматичното инициализиране, така и автоматичното откриване работи с всяка рамка. Поддържа естествено маркиране на адаптивни изображения. Може да се добави към главата и вече започва да изтегля изображения за прегледи, докато страницата не е напълно анализирана (голямо предимство на перфоманса. Имайте предвид, че няма зависимости от други скриптове.) Не скрива изображения от googlebot. Просто може да се разшири и така нататък...
- person alexander farkas; 20.03.2015
@alexanderfarkas Разбрах каква е библиотеката във вашия codepen, но защо всъщност не я споменете и не дадете връзка към нея в github във вашия коментар? Между другото за всички, които не искат да търсят в codepen: , ето го lazysizes
- person Macsupport; 21.03.2015
