eashla
@eashla

Как установить Lazy Load для сайта на html?

Здравствуйте всем!
Сразу оговорюсь - выше html и css я не понимаю.
Речь наверное пойдёт о javascrip, а точнее синтаксис.
Есть сайт (1страничный лендинг) слепленный на bitrex, но по итогу на хосте файлы html и в нескольких папках css и js которые вызываются через index файл.

Так вот я хочу установить jquery.eisbehr.de/lazy
Сейчас держитесь!
Я НЕ ЗНАЮ КАК ЕГО УСТАНОВИТЬ.....
Вот что я слепил
<script src="http://code.jquery.com/jquery-latest.js"></script> //загружаем JQuery
<script type="text/javascript" src="/jquery.lazy-master/jquery.lazy.min.js"></script> //Lazy файл, работающий на вышезагружанном JQuery
   <script type="text/javascript"> $(function() {
    $('.lazy-load').lazy();
    });</script> //настройка Lazy


Последнее я попросту не понимаю как правильно зажать. То есть:
<script type="text/javascript">...</script> или <script>...</script> или <script type="text/javascript" ........</script>.

И в общем как то выглядит стрёмно.
Вот это всё я засунул между
<head>.....</head>
Не работает.
У меня типа должна быть базовая настройка jquery.eisbehr.de/lazy/example_basic-usage

Я для изображений без класса добавил class="lazy"
Выглядит вот так:
<img src="/images/flags/flag_ru.png" class="lazy-load" />


Понимаю, что это не в какие ворота, но нужна ваша помощь - мучаюсь который день.
Укажите на ошибку, пожалуйста!
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 3
SkiperX
@SkiperX Куратор тега HTML
loading="lazy" и полифил, если надо
Ответ написан
@galaxy
<img src="/images/flags/flag_ru.png" class="lazy-load" />

Так они грузятся по-обычному. Надо вот так:
<img data-src="/images/flags/flag_ru.png" class="lazy-load" />
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы