Параметры
Вы можете настроить поведение функциональности, настроив объект опций функции initReadMore
.
Это позволит вам детально управлять отображением и анимацией контента на вашем сайте. Благодаря этим опциям вы можете создать уникальный пользовательский опыт, который соответствует вашим требованиям и эстетическим предпочтениям.
Подробное описание доступных опций:
Опции
Тип
По умолчанию
Описание
collapsedHeight
Число
200
Устанавливает начальную высоту контента в свернутом состоянии (в пикселях).
speed
Число
100
Определяет скорость анимации изменения высоты элемента (в миллисекундах).
heightMargin
Число
16
Дополнительный отступ для высоты, чтобы обеспечить зазор при разворачивании контента (в пикселях).
moreLink
Строка
<a href="#">Read More</a>
HTML-содержимое ссылки или кнопки, отображаемой для раскрытия скрытого контента.
lessLink
Строка
<a href="#">Close</a>
HTML-содержимое ссылки или кнопки, отображаемой для сворачивания контента после его раскрытия.
maxWidth
Число
Опция не обязательна
Устанавливает максимальную ширину экрана в пикселях, при которой плагин будет активирован. Если ширина экрана превышает это значение, плагин не активируется, и кнопка «Читать далее» не отображается.
Пример настроек
Чтобы настроить функциональность на вашем сайте, вам нужно инициализировать плагин с параметрами в вашем JavaScript-коде.
Это можно сделать, передав объект опций в функцию initReadMore
. Ниже приведен пример кода, который демонстрирует, как это сделать:
document.addEventListener('DOMContentLoaded', function () {
initReadMore('.readmore', {
collapsedHeight: 200, // Устанавливает высоту свернутого контента
speed: 100, // Скорость анимации в миллисекундах
heightMargin: 16, // Дополнительный отступ для высоты
moreLink: '<a href="#">Читать далее</a>', // HTML для кнопки «Читать далее»
lessLink: '<a href="#">Скрыть</a>' // HTML для кнопки «Скрыть»
}, 768); // Необязательно: Установка максимальной ширины для адаптивного поведения
});
В этом примере плагин инициализируется для всех элементов с классом .readmore
.
Вы можете изменять значения опций в соответствии с вашими потребностями, чтобы адаптировать поведение плагина к вашему сайту.
Это дает вам возможность создать интерактивный и удобный интерфейс для отображения контента.