Малыш Джон
Малыш Джон
Редактор
6 лет с нами!
Награда за 5000 очков репутации
За 500 сообщений!
За шикарный аватар!
- Регистрация
- 26/03/2018
- Сообщения
- 29.133
- Репутация
- -1.154
Автор: MuseTT
Название: LazyLoad 2 или отложенная загрузка изображений, текста (2015)
Для сайтов с большим количеством графики виджет LazyLoad значительно увеличивает скорость загрузки. Ваш сайт загружается практически мгновенно!
Для чего это надо
Обычно страница загружается со всеми элементами — графикой, текстом и т.д. С этим виджетом для Adobe Muse тяжелый контент сайт подгружается постепенно, по мере прокрутки страницы. Кроме ускорения скорости загрузки страницы, виджет добавляет эстетическую составляющую, плавно проявляя элементы страницы.
Как работает виджет
Виджет позволяет легко и быстро добавить стильный эффект появления контента по мере прокрутки страницы. Причем добавить эффект появления можно на уже готовый сайт практически к любому блоку. Время появления изображений, текста или видео настраивается в пределах 0,1-20 секунд.
Подробнее:
Скачать:
Название: LazyLoad 2 или отложенная загрузка изображений, текста (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 на такие картинки не распространяется.
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 на такие картинки не распространяется.
Подробнее:
Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
Последнее редактирование модератором:
