Знання про налаштування галереї PrettyPhoto повинні бути в арсеналі будь-якого веб-майстри. Це той самий скрипт, який допоможе вирішити, практично будь-яке завдання з виведення мультимедійного вмісту вашого сайту. Скрипт простий, легкий, зручний і зрозумілий в настройках, так що, сміливо його можна відправляти в розряд "мастхев".
Для тих, хто не в курсі - пару слів про саме поняття "гарний висновок".
Є у вас, наприклад, гарне зображення з розмірами 800 на 600 пікселів, і ви хочете його вставити на свій сайт. Можна, звичайно, просто вставити це фото в потрібне місце статті, і не морочитися всякими додатковими скриптами і плагінами. Але такий підхід, далеко не завжди буде доречний.
Поясню. Одне велике зображення в статті ще й може пройти. Та й то, воно буде виглядати занадто громіздким і займати багато місця. Монітори у всіх різні, швидкості інтернету теж, хорошого ефекту від великого зображення не завжди вдається отримати. А якщо фотографія значно ширше, ніж розмір поля для статті? А якщо таких зображень не одне, а кілька? Ось тут і приходить на допомогу скрипт PrettyPhoto. Ви хоч десяток фотографій в статті розміщуйте, всі вони будуть акуратно і красиво виводитися у спливаючому вікні зі стрілками переходів, заголовками та описами. А самі мініатюри можна робити будь-якого розміру, хоч по 10 пікселів, і розміщувати в потрібному порядку в статті.
Ось такий висновок зображення досягається за допомогою скрипта PrettyPhoto:
Зручність у наявності. Тепер переходимо до освоєння скрипта галереї PrettyPhoto.
Давайте розглянемо два види установки скрипта - за допомогою коду і за допомогою плагіна для WordPress.
Установки і настройка фотогалереї PrettyPhoto
- Спочатку йдемо на сайт розробника і викачуємо останню версію скрипта.
- Розпаковуємо. Файл стилів розміщуємо в папочку CSS. файл jquery.prettyPhoto.js розміщуємо в папку JS.
Тепер вставка коду на потрібну сторінку.
- У секції підключаємо нашу галерею:
- Якщо у вас ще не встановлена бібліотека jQuery. її треба підключити, якщо є, то цей крок можна пропустити:
Трохи складніше, зате можна вставляти будь-яку необхідну інформацію.
Плагін PrettyPhoto для WordPress
Якщо зовсім не хочеться морочитися з кодом і ваш сайт на движку Вордпресс, то завдання з вирішується зовсім просто.
Шукаємо плагін wp-prettyPhoto через пошук в адмінці. Викачуємо, встановлюємо, активуємо.
Якщо хочете робити це самостійно, додайте до заслання із зображенням атрибут rel = "wp-prettyPhoto»
Все те, що ви розмістите в атрибуті Alt буде заголоквом спливаючого вікна
# 10004; Цей сайт працює на швидкому, надійному, що не дорогому хостингу GIGAHOST
Добрий вечір! Підкажіть будь ласка як видалити prettyphoto з теми Onetone від MageeWP. Так як виникла проблема: на сайті було встановлено плагін Fancybox і за замовчуванням варто prettyphoto. При натисканні на картинку відкривається відразу два зображення.
Highslide заробив, спасибі
Артем, ну і чудово. Можна ще і fancy box спробувати підключити, теж непогано виглядає.
Спасибі за відповідь. graphics не допоміг. Інший шаблон не можу взяти, т.к вже сайт на 80% зроблений. Чи можете допомогти в правильній прописку коду PrettyPhoto?
Вітаю. У вас все докладно описано. Роблю по інструкціі.Прі натисканні на одну картинку з галереї (тобто іконку) картинка з'являється, але в лівому верхньому кутку, без рамки і стрілок для перегортання. Встановлював штук 5 подібних скриптів (slimbox, quickbox) - всюди те ж саме. Прошу допомоги- б'юся 2 дня. Дякуємо
артем, досить часта ситуація зі скриптами спливаючих вікон для зображень. Відбувається це справа через конфлікт підключених скриптів шаблону і коду PrettyPhoto. Тут, або ручками підключати скрипт в самий низ теми, або шаблон міняти, або шукати інший скрипт для виведення зображень у спливаючих вікнах. Зазвичай, якщо PrettyPhoto не вдалося підключитися, підходить код Highslide.