jQuery - загрузка изображения при прокрутке не работает - PullRequest
Новая
       4

jQuery - загрузка изображения при прокрутке не работает

0 голосов
/ 25 июня 2019

У меня маленькая проблема, и я не понимаю, почему.Я ищу много библиотек, чтобы реализовать ленивую загрузку (загрузка изображения при прокрутке), но после многих попыток у меня ничего не получилось.

Просто обратите внимание, все мои изображения генерируются динамически, как это: 

{% for pdf in pdf_group %}
    <div class="col-sm-3">
        <div class="card">
            <a href="{{ url_for('list.view', id=pdf['rowid']) }}">
                <img class="card-img-top lazy"
                     data-src="{{ url_for('static', filename="files/thumbs/" + pdf['thumbFilename']) }}"
                     alt="Thumbnail">
            </a>
            <div class="card-body">
                <h5 class="card-title">
                    <a href="{{ url_for('list.view', id=pdf['rowid']) }}">
                        {{ pdf['filename'] }}
                    </a>
                    <span class="badge badge-secondary badge-pill">{{ pdf['nbPages'] }}</span>
                </h5>
                <p class="card-text"></p>
                <p class="card-text"><small class="text-muted">Enregistré le : </small></p>
            </div>
        </div>
    </div>
{% endfor %}

Вот пример использования Lazy Load lib: https://codepen.io/anon/pen/qzrqEx Как видите, всеизображения загружаются в одно и то же время, даже если пользователь их не видит

Заранее спасибо

...