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

Информация:
Тема в разделе "Дизайн и Графика (Лендинги)", создана пользователем Dump_Bot, 10 сен 2016.
  1. Dump_Bot

    Dump_Bot Бот дампов Бот форума
    • 3093/3811

    Сообщения:
    56.912
    Репутация:
    0
    Отдано:
    1 ГБ
    Скачано:
    0 байт
    Рейтинг:
    -
    Название: LazyLoad 2 или отложенная загрузка изображений, текста
    Автор: 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 на такие картинки не распространяется.

    Продажник:
    Скачать:
     
    Загрузка...