Adobe Muse [MuseTT] LazyLoad 2 или отложенная загрузка изображений, текста (2015)

  • Автор темы BonAqua
  • Дата начала

BonAqua

Премиум
Регистрация
26 Мар 2018
Сообщения
29.425
Лайки
1.551.318
Монетки
739341
Голосов: 0
0.0 5 0 0 https://sharewood.bizhttps://sharewood.biz/threads/musett-lazyload-2-%D0%B8%D0%BB%D0%B8-%D0%BE%D1%82%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F-%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B0-%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-2015.14196/
#1
Автор: MuseTT
Название: 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 на такие картинки не распространяется.



Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.


Скачать:
 
Последнее редактирование модератором:
Сверху Снизу