Amellian
Member
- Joined
- Jan 5, 2015
- Messages
- 16,426
- Reaction score
- 5,164
[HIDE=10]https://mega.co.nz/#!N9ECiSZZ!kkWe8JE4czTsqplHUtrTLZIMzNF2nvlzkebssM2U-Mg[/HIDE]
Как пользоваться?
1. добавьте файлы из архива для загрузки с проектом ("Добавить файлы для передачи")
2. открываем "Свойства страницы" - "Метаданные" - HTML для <head>: и добавляем три строчки
Код:
Code:
<script src="assets/jquery.js"></script>
<script src="assets/jquery.lazyloadxt.js"></script>
<link rel="stylesheet" href="assets/jquery.lazyloadxt.fadein.css">3. экспортируете сайт как html
4. открываете нужную страницу в любом html редакторе и делаете поиск-замена:
- ищем, например, src="images/name.jpg"
- заменяем на data-src="images/name.jpg"
Т.е., у всех картинок, которые должны работать с lazy load, параметр src меняем на data-src.
Учтите, если в проекте картинки сделаны как фон объекта, то плагин lazy load на такие картинки не распространяется.