Автообрезание длинного текста в спойлер
827материалов
228тем на форуме
3004комментария
6158пользователей

Автообрезание длинного текста в спойлер


Не много о материале:

Данный плагин позволяет сокращать очень длинные тексты, автоматически пряча лишние части текста под спойлер. Readmore.js настолько прост, что нет необходимости иметь большие знания в HTML, в сложных наборов DIV или CSS, просто кликните на "Read More" (читать далее) содержащий ваш блок текста и Readmore.js позаботится об остальном. Данный скрипт не влияет на быстродействие среды. Установка очень проста, для начала надо скачать архив с нашего сайта и папку под названием js загрузить в свой ФМ...

Перейдем у установке

1. После </head> на нужных страницах вставьте:
Код
<script type='text/javascript' src="/js/readmore.min.js"></script>
<script>
$(function() {
$('#demo').readmore({
moreLink: '<a href="#">Читать дальше...</a>',
lessLink: '<a href="#">Не хочу больше читать дальше...</a>',
collapsedHeight: 432,
speed: 200,
afterToggle: function(trigger, element, expanded) {
if(! expanded) { // The "Close" link was clicked
$('html, body').animate({scrollTop: $(element).offset().top}, {duration: 100});
}
}
});
});
</script>

2. Участки с текстом оформляются вот так:
Код
<section id="demo">Здесь любой ваш текст</section>

Осталось лишь залить JS файл из прикреплённого архива в папку js

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 16.10.2015 в 19:00
Материал просмотрен: 1631 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 6 комментариев

Пожаловаться
Сказать спасибо
Источник

6 комментариев


pro100kasper
pro100kasper @pro100kasper 12.10.2015 09:241
+11
Полезный скрипт, спасибо автору.
DeQiz
Павел @DeQiz 18.10.2015 00:352
+2
Спасибо, нужная вещь tongue
avatar
Ivan Tsenev @Shumaxer 20.10.2015 05:183
-2
Как я понял то кнопки вызова нету, и автоматически не сокращается текст. А значит придется самому копировать код и вставлять в него статью? Это не есть удобно
Ромчик
Кнопка вызова есть http://f4.s.qip.ru/TWijOf5g.png Тест автоматически сокращается. Для вид материалов, текст надо заменить на $MESSAGE$
cosov500
Oleg Povar @cosov500 14.06.2016 10:475
0
Фикня - Для вид материалов, текст надо заменить на $MESSAGE$ - скрывает несколько строк и всё .... а текст остаётся полным открытым dislike
Ромчик
Где ошибка? Ссылку на сайт в студию
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта