Открытие изображений по мере прокрутки

11-18-2013, 04:53 PM

Открытие изображений по мере прокрутки с Fade эффектом
Версии VB: все
Редактирование шаблонов: Да
jQuery: Да
Демо CMS: тут
Демо Темы: тут
Источник библиотеки: тут + дополнительные настройки

Описание:
Подгрузка изображений по мере прокрутки экрана.
Визуально ускоряется загрузка страницы с большим количеством изображений.
Для эстетики добавлен FADE эффект (плавное открытие изображений).
Собственно говоря подключить можно куда угодно.

На страницу, где должен работать определяем родительский контейнер и прописываем это в шаблоне
Работает совместно с jquery.min.js (проверьте, должна быть подключена)

Установка:

Скачать:
jquery.lazyload.mini old.zip Версия 1.7
jquery.lazyload.mini.zip Версия 1.9.1
На одном сайте не заработала версия 1.9.1 использовал предыдущую версию

Разархивировать и залить по ftp на сервер в /clientscript/

Для Темы Форума:

Шаблон: SHOWTHREAD
Перед </head> добавить

Code:

<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/jquery.lazyload.mini.js"></script>
  <script type="text/javascript" charset="utf-8">
      $(function() {
          $(".postbody img").lazyload({placeholder : "{vb:raw vboptions.bburl}/clear.gif", effect: "fadeIn"});
      });
  </script>

Для статьи в CMS:

Шаблон: vbcms_content_article_page
В самом начале добавить:

Code:

<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/jquery.lazyload.mini.js"></script>
  <script type="text/javascript" charset="utf-8">
      $(function() {
          $(".postcontainer img").lazyload({placeholder : "{vb:raw vboptions.bburl}/clear.gif", effect: "fadeIn"});
      });
  </script>

Для дискуссии в Социальных группах

Шаблон: socialgroups_discussionview

После <body> добавляем:

Code:

<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/jquery.lazyload.mini.js"></script>
  <script type="text/javascript">
      $(function() {
          $(".postlist img").lazyload({placeholder : "{vb:raw vboptions.bburl}/clear.gif", effect: "fadeIn"});
      });
  </script>

Для Блогов

Шаблон: blog_show_entry

В самый верх шаблона добавляем:

Code:

<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/jquery.lazyload.mini.js"></script>
  <script type="text/javascript">
      $(function() {
          $(".blogbit img").lazyload({placeholder : "{vb:raw vboptions.bburl}/clear.gif", effect: "fadeIn"});
      });
  </script>

11-18-2013, 06:22 PM

Оффтоп

11-18-2013, 06:47 PM

Quote:

Originally Posted by dhonchik

там на главной

Там это где?
Если про ФотоГалерею, то там стоит CMS Featured Content Slider Widget, немного переработанный мной

11-18-2013, 06:58 PM

Quote:

Originally Posted by ikopylov

Там это где?

Вот тут fotogl.com/index.php

"Основы художественной фотографии в стиле НЮ" заголовок первой картинки

dhonchik добавил 18.11.2013 в 16:58

Quote:

Originally Posted by ikopylov

Если про ФотоГалерею, то там стоит CMS Featured Content Slider Widget, немного переработанный мной

Походу это он спс

11-18-2013, 10:39 PM

Для 3.8.4 такой штуки не бывает?

11-18-2013, 10:55 PM

Quote:

Originally Posted by logi

Для 3.8.4 такой штуки не бывает?

Читать вовсе не хотите?

Quote:

Originally Posted by ikopylov

Версии VB: все

Это же обычная либа, только аналогичные параметры прописать в шаблонах

11-19-2013, 01:32 AM

Quote:

Originally Posted by Sven

Читать вовсе не хотите?

чё? читать? это как?

11-19-2013, 01:50 AM

Quote:

Originally Posted by Sven

Это же обычная либа, только аналогичные параметры прописать в шаблонах

C четверкой не знаком совсем. Не получилось привести код к аналогичному для трешки. Напишите, пожалуйста, попробую.

logi добавил 18.11.2013 в 23:50

Quote:

Originally Posted by Luvilla

чё? читать? это как?

То, что можно просмотреть строчку в разделе под другую версию, не думали?

11-19-2013, 01:56 AM

Quote:

Originally Posted by logi

То, что можно просмотреть строчку в разделе под другую версию, не думали?

я думаю, что шапка с описанием хака - это то, что читать надо сразу, и с особым вниманием
а уж потом смотреть всё остальное
нет?

11-19-2013, 02:07 AM

Да, но я думаю, что чёкать в таком тоне тоже не стоило.

Мы отвлеклись от кода...