Главная » Файлы » Прочие скрипты » jQuery

Расширение контента при прокрутке
[ Скачать с сервера (0.8 Kb) ] 25.07.14, 15:24:16



Многие видели ВКонтакте такую штуку: листаешь стену, и, когда левый блок стал пустым, посты стены расширяются. Так вот, мой скрипт создан для этого.

1. Подключите скрипт
Файл из архива загрузите в папку js своего сайта
Перед тегом < /body > на нужной странице вставьте код:
Код
<script src="/js/extendContent.js"></script>


2. Настройте и активируйте скрипт
Перед тегом < /body > вставьте код:
Код
<script>  
  var ec = new extendContent("contentID", "asideID");  
  </script>

contentID - id блока, который будет расширяться,
asideID - id блока, который будет исчезать при прокрутке.

Также функция принимает третий параметр, который является не обязательным. При помощи него Вы может добавить функции, которые будут выполняться при изменении размеров контента.
Код
<script>  
  var ec = new extendContent("contentID", "asideID", {onExtend: function(content, aside){  
alert("extend the content");  
  }, onBack: function(content, aside){alert("back to normal");}});  
  </script>

Функция onExtend выполняется при расширении контента
Функция onBack - при возвращении к нормальным размерам.
Функциям передаются 2 аргумента:
1-й - jQuery объект блока, который будет расширяться.
2-й - jQuery объект блока, который будет исчезать при прокрутке.

Если возникли вопросы пишите в ЛС или в комментарии!

Внимание!!! Для работы скрипта нужна библиотека jQuery v1.4+

ДЕМО

Материал подготовил Lisnes
Категория: jQuery | Добавил: Lisnes | Теги: при, расширение, контента, прокрутке
Просмотров: 1042 | Загрузок: 168 | Комментарии: 10 | Рейтинг: 1.0/6
Всего комментариев: 10
0
мне все понятно но только не могу понять какой у меня ид блоков там где контент и справа а шаблон какрас как у вас в примере переход с права на лево блоки справа

0
Ссылку на сайт в ЛС дай - подскажу.

0
Скрипт классный, н не могу разобраться, как поставить его на ucoz например в новости, что нужно подставлять вместо "contentID", "asideID" ?

0
как раз что то подобное нужно было, благодарю за материал

0
Всегда пожалуйста) Можете также сказать спасибо slavick, он мне идею скрипта подал.

0
4 [ЦИТИРОВАТЬ]   [Материал]
Подскажите пожалуйста как сделать чтоб он увеличивался не в правую сторону а в левую

0
Скинь мне в ЛС ссылку на страницу, где ты скрипт установил.

0
Lisnes да ты крутой! ты так быстро его сделал прям слов нет.
Я смотрю его под любой движок можно использовать, я на DLE поставлю спасибо!

Имя *:
Email: