Хак Ленивая загрузка

Тема в разделе "DLE", создана пользователем yavasilek, 19 сен 2010.

Информация :
Актуальная версия DataLife Engine 11.3
( Final Release v.11.3 | Скачать DataLife Engine | Скачать 11.3 demo )
Нужно ли обновляться | Как обновиться | Изменения в шаблонах
> Нет русских символов <
[Приватная тема DLE (Все подробности в ЛС к модератору раздела)]

Версии 11.2 и ниже - уязвимы!

Локализации | F.A.Q. | Внешний вид
Правила раздела | Правила форума
Обсуждение хайда карается баном!
В каждом сообщении указывайте версию DLE, которого они касаются!
Статус темы:
Закрыта.
Модераторы: killoff
  1. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.178
    Симпатии:
    423
    Название: Ленивая загрузка
    Демо: _http://www.appelsiini.net/projects/lazyload/enabled_fadein.html
    Совместимость: Любая версия ДЛЕ, да вообще любой движок
    Описание: java-script плагин, позволяющий экономить время посетителя, трафик и нагрузку на ваш сервер. Плагин позволяет загрузить только те изображения, источник для которых указан в тексте, расположенном только на видимой части экрана, то есть посетителю вольно прочесть пару абзацев вашей статьи и решить - читаем дальше или уходим. Если ваш посетитель начинает использовать прокрутку, то картинки, расположенные в невидимой до сих пор части страницы начинают немедленно подгружаться, если он закрывает страницу - то все остаются при своей экономии (посетитель экономит время ожидания на загрузку картинок, вы экономите трафик и мощности).
    Актуальность: Очень помогает сайтам с большим количеством изображений на страницах.
    Установка: Качаем прикрепленный файл, распаковываем, помещаем в папку с шаблоном и подключаем у себя в шаблоне.
    Код:
    <script type="text/javascript" src="{THEME}/js/LazyLoad.js"></script>
    Если у Вас не ДЛЕ 9, то необходимо еще подключить jQuery
    Код:
    <noindex><script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2'></script></noindex>
    Народ проститете))))
    http://url.nomber1.com/js0qip
     
  2. dadasnoop

    dadasnoop Создатель

    Регистр.:
    24 июл 2010
    Сообщения:
    12
    Симпатии:
    3
    Интересная штука, думаю для галерей отлично подойдет.
     
  3. bodo797

    bodo797

    Регистр.:
    9 авг 2007
    Сообщения:
    247
    Симпатии:
    288
    Что-то не вижу никакого прикрепленного файла...
     
  4. MSW

    MSW

    Регистр.:
    27 авг 2007
    Сообщения:
    491
    Симпатии:
    408
    например тут:
    http://wonko.com/post/lazyload-200-released
    или спросить у гугла подключаемый файлик)))
     
  5. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.178
    Симпатии:
    423
    добавил файл...простите забыл прикрепить...)
     
  6. LIFE!

    LIFE!

    Регистр.:
    26 окт 2008
    Сообщения:
    244
    Симпатии:
    38
    Помню,помню этот хак,ещё спрашивал как его подключить на dle 8.5 ,может кто знает как подключить к изображениям в новости?
     
  7. yavasilek

    yavasilek vasilek_gorbunok

    Регистр.:
    5 окт 2008
    Сообщения:
    1.178
    Симпатии:
    423
    тебе надо только к изображениям в новости ... я правильно понял? а все остальные должны грузится по стандарту?
     
  8. killoff

    killoff CD тихо, и не DVD меня ;)

    Moderator
    Регистр.:
    13 май 2008
    Сообщения:
    2.168
    Симпатии:
    797
    А как сделать чтобы не все изображения сайта подминались этому свойству и некоторые грузились сразу при загрузке самой страницы? Например смайлики и ещё топ-новостей на crawler не хочет нормально работать с lazyload.js
     
  9. LIFE!

    LIFE!

    Регистр.:
    26 окт 2008
    Сообщения:
    244
    Симпатии:
    38

    Правильно.
     
  10. killoff

    killoff CD тихо, и не DVD меня ;)

    Moderator
    Регистр.:
    13 май 2008
    Сообщения:
    2.168
    Симпатии:
    797
    В общем сам со всем разобрался:
    1. Для начала работы скрипта мало просто прописать подключение его, помимо этого нужно также прописать:
    HTML:
      <script type="text/javascript"> 
          $(function() {          
              $("img").lazyload({
                 placeholder : "/grey.gif",
                 effect      : "fadeIn"
              });
          });
      </script> 
    
    Без этого у меня он не хотел работать ни в какую.
    2. Чтобы не все изображения подминались под этот скрипт - достаточно указать в "img" - к изображениям какого класса (class) применять нужно скрипт: например, хотим подмять под контент, который находится у нас в
    HTML:
    <div class="content">{content}</div>
    Для данного контета нужно прописать ".content img"
    Я таким образом применил его только для изображений коротких/полных новостей, bbcode и все остальные небольшие изображения сайта остались без изменений

    PS если хотите скрыть сам файл lazyload.js от лишних глаз и кода (при использовании сжатия JS файлов) - достаточно дописать подключение файла в массив 'general' в файле engine/classes/min/groupsConfig.php.

    PSS файл grey.gif - это любой файл изображения, для быстроты загрузки лучше всего использовать картинку с размером 1х1, фон - любой на ваше усмотрение :)
     
    palec нравится это.
Статус темы:
Закрыта.