Lightbox plus colorbox плагін виведення зображень у вигляді слайдів

Зовсім недавно, мені довелося змінити висновок зображень на сайті. Продиктовано це було тим, що для наочності я використовую багато сканів налаштувань різних плагінів і відкривати їх по черзі, кожен раз в новому вікні, що дуже незручно.

Наклалося ще й те, що клієнт, який замовив мені сайт, теж хотів висновок картинок у вигляді слайдів.

Lightbox plus colorbox плагін виведення зображень у вигляді слайдів

Потрібно було вирішувати цю задачу і перебравши безліч варіантів, я зупинилася на плагіні Lightbox Plus ColorBox.

Працює він так: клікнувши на зменшену копію зображення велике відкривається в цьому ж вікні з js-ефектом. Перемикати показ можна просто клацаючи по стрілочки або краю зображення. Виходить зручне послідовне сприйняття ілюстрацій статті.

Lightbox Plus ColorBox плагін виведення зображень у вигляді слайдів або слайд-шоу з js-ефектом

налаштування плагіна

Кажуть, що плагін може працювати і без спеціального настроювання. Потрібно тільки активувати кнопку збереження налаштувань під вікнами налаштувань.

Але, коли вже, стільки налаштувань для індивідуальних можливостей є, чому б ними не скористатися.

І тут я зустрілася з труднощами перекладу специфічних термінів налаштувань плагіна. Їх дуже багато і це безсумнівний плюс. Але розібратися було нелегко.

Працює плагін чітко і як він працює ви можете подивитися на прикладі сканів з цієї статті.

Виникають в кожен пункт я не стала. Завдання не вивчити плагін досконально, а змусити його працювати в зручному режимі і зручній формі.

Щоб самій не забути, як налаштовувала плагін Lightbox Plus ColorBox я і пишу цю статтю. Моя шпаргалка, так би мовити. Впевнена, що використовувати його буду широко і з задоволенням.

Перше поле налаштувань Base Settings

Налаштування базові. Здається стиль і формат зображення. Я вносила зміни тільки в другу вкладку Stilles. і вкладку Advanced.

Lightbox plus colorbox плагін виведення зображень у вигляді слайдів

Lightbox plus colorbox плагін виведення зображень у вигляді слайдів

Далі зберігаємо зміни. Кнопка «Save all settings»

Друге поле Primary Lightbox Settings додаткові налаштування

general-тип переходу зображень (нормальний, затухаючий, пружний). Швидкість збільшення картинки, попередній перегляд, ефекти галереї зображень

size - установка розмірів картинок

position -деталі настройки позиції зображення

interface -параметри показу (прокрутки, угруповання)

slideshow - можна встановити як слайд-шоу;

other -застосування фреймів, створення спеціальних класів для зображень;

usage - інформаційні таблиці, що стосується даного плагіна;

Lightbox plus colorbox плагін виведення зображень у вигляді слайдів

Lightbox plus colorbox плагін виведення зображень у вигляді слайдів

У третій вкладці я змін не вносила

Переходимо відразу до четвертої

Lightbox plus colorbox плагін виведення зображень у вигляді слайдів

У п'ятій теж нічого не змінювала. Мені не потрібно, щоб зображення змінювалися самі собою в режимі слайд-шоу.

У шостий і сьомий теж нічого не чіпала. і тільки в останній переконалася, що мене влаштовують всі мої танці з бубнами. Кнопка зберегти настройки та все готово. Насолоджуємося результатом.

Lightbox plus colorbox плагін виведення зображень у вигляді слайдів

З настройками плагіна Lightbox Plus ColorBox для виведення зображень у вигляді слайдів закінчено. Буду рада, якщо знадобиться. А якщо знадобилося - поділіться в соціальних мережах. Може бути, ще комусь стане в нагоді. Дякуємо за увагу.

R.S. В даний час цей плагін я не використовую. У зв'язку зі зміною вимог до якості сайтів небажані стали вкладки, що відкриваються з окремим урлом на новій сторінці. Довелося шукати заміну і вона знайшлася - плагін Auto Highslide. Його плюсом є відкриття збільшеного зображення на тій же сторінці і на мобільних версіях він теж працює без проблем.

Матеріали по темі:

● Ставимо кнопки соцмереж скриптом або сервіс Share42

Виявивши, що плагіни соцмереж значно збільшують час завантаження сайту, звернулася до установки кнопок соцмереж скриптом. Цей спосіб не ускладнює сайт, не збільшує час завантаження. Епопея.

● Моя шпаргалка - плагін WP Super Cache і його налаштування

Налаштування виявилися не зовсім такими, які я знаходила в мережі. Відгуки теж були дуже різними. Були відгуки і негативні. Говорили, що його доводиться відключати.

● Плагін WP-Note - кольорові вставки в тест поста для читабельності

Щоб в довгій простирадлі з безлічі букв вашої статті виділити шматки, що несуть смислове навантаження, важливі витримки і висновки, є невеликий і легкий плагін WP-Note.

Схожі статті