В попередній статті я розповідав про безкоштовний плагін для Joomla, що виконує реалізацію виведення зображення до та після, щоб можна було порівняти два зображення при редагуванні із оригіналом.
Twenty20 Image Before-After буде корисним для людей різних професій, дизайнерам, архітекторам, а також для всіх, кому потрібно виконати порівняння двох зображень в гарному дизайні.
Суть проста: ви додаєте два однакових за розмірами зображення та в результаті маєте одне зображення, яке поділене на половину (по 50% із кожного зображення) та повзунок для переміщення. Переміщуючи його можна приховувати кожне із них по черзі. Це зручно та просто.
Характеристики:
- Працює на всіх пристроях: від комп’ютерів до смартфонів
- Зручний та зрозумілий інтерфейс
- Підтримка віджетів
- Підтримка та сумісність із популярними конструкторами сторінок
- Підтримка альтернативного alt та title в зображеннях
- Кількість зображень до і після на одній сторінці необмежена
Реалізуємо наше завдання:
Встановлюємо та активовуємо плагін.
Тоді додаємо нову статтю чи відкриваємо для редагування стару. Зверху над редактором можна побачити кнопку «Add Twenty20». Натискаємо на неї та бачимо медіаменеджер із можливістю вибору чи завантаження зображення.
Вставляємо зображення. Перед нами відкриється вікно із налаштуваннями.
- Before Text – текст зображення до
- After Text – текст зображення після
- Width – ширина зображення (за замовчуванням дорівнює 100%)
- Direction – вертикальне чи горизонтальне перетягування повзунка
- Alignment – вирівнювання
- Move slider on mouse hover? – чи буде відтворене при наведенні миші
Після введення всіх параметрів натискаємо «Insert Shortcode».
Тоді переходимо на фронтальну частину сайту та перевіряємо чи все працює. В мене запрацювало без проблем (скриншот вступної статті).
Мій висновок такий: прекрасний та простий в керуванні плагін. Тому рекомендую.