- 15, Apr 2023
- #1
LazyLoad 2 или отложенная загрузка изображений, текста
MuseTT
Год: 2015 Для сайтов с большим количеством графики виджет LazyLoad значительно увеличивает скорость загрузки. Ваш сайт загружается практически мгновенно! Для чего это надо Обычно страница загружается со всеми элементами — графикой, текстом и т.д. С этим виджетом для Adobe Muse тяжелый контент сайт подгружается постепенно, по мере прокрутки страницы.
Кроме ускорения скорости загрузки страницы, виджет добавляет эстетическую составляющую, плавно проявляя элементы страницы. Как работает виджет:
Год: 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"
- заменяем на src="images/name.jpg"
Т.е., у всех картинок, которые должны работать с lazy load, параметр src меняем на src.
Учтите, если в проекте картинки сделаны как фон объекта, то плагин lazy load на такие картинки не распространяется.
Скачать:
http://musett.ru/widget/lazy-load-adobe-muse/
Скрытая информация :: Авторизуйтесь для просмотра »