Автор: MuseTT
Год: 2015
Для сайтов с большим количеством графики виджет LazyLoad значительно увеличивает скорость загрузки. Ваш сайт загружается практически мгновенно!
Для чего это надо
Обычно страница загружается со всеми элементами — графикой, текстом и т.д. С этим виджетом для Adobe Muse тяжелый контент сайт подгружается постепенно, по мере прокрутки страницы. Кроме ускорения скорости загрузки страницы, виджет добавляет эстетическую составляющую, плавно проявляя элементы страницы.
Как работает виджет:
Скрытый контент.
Виджет позволяет легко и быстро добавить стильный эффект появления контента по мере прокрутки страницы. Причем добавить эффект появления можно на уже готовый сайт практически к любому блоку. Время появления изображений, текста или видео настраивается в пределах 0,1-20 секунд.
Как пользоваться:
Скрытый контент.
1. добавьте файлы из архива для загрузки с проектом ("Добавить файлы для передачи")
2. открываем "Свойства страницы" - "Метаданные" - HTML для <head>: и добавляем три строчки
Код:
<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 на такие картинки не распространяется.
Продажник
Скачать
