регистрация
856материалов
3307комментариев
234темы на форуме
6949пользователей

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


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

Данный плагин позволяет сокращать очень длинные тексты, автоматически пряча лишние части текста под спойлер. 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
Материал просмотрен: 2174 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 6 комментариев

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

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


pro100kasper
pro100kasper @pro100kasper 12.10.2015 09:241
+11
Полезный скрипт, спасибо автору.
DeQiz
Павел @DeQiz 18.10.2015 00:352
+2
Спасибо, нужная вещь
S
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$ - скрывает несколько строк и всё .... а текст остаётся полным открытым
Ромчик
Где ошибка? Ссылку на сайт в студию
avatar
Хотите сайт всего за 10 дней?
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 2
Гостей: 2
Пользователей: 0