Фотогалерея Phoca Gallery буває двох видів - компонент (component) і плагін (plugin), обидва види встановлюються окремо. Однак плагін без компонента працювати не може. У статті описана робота з компонентом для версії Joomla 1.5.24.
[Phoca Gallery component]
Компонент дозволяє організувати на сайті великий окремий розділ фотогалереї, доступний через створений окремий пункт меню. Фотогалерея потім може бути задіяна плагіном для того, щоб вставити галерею, зображення або набір зображень в будь-яке місце статті.
Phoca Gallery відмінно має дуже багато опцій настройки, завдяки чому користувач має великий вибір зовнішнього вигляду галереї [1]. Мені найбільше сподобався варіант Highslide (Image only) - Highslide Image. Для згенерованих зображень можна додавати водяні знаки WaterMark - для захисту зображень від несанкціонованого копіювання.
Фотогалерею Phoca Gallery можна і потрібно русифікувати. Для цього по посиланню [3] знайдіть файл русифікації "Russian (Русский) ru-RU.com_phocagallery.zip". Я скачав його за посиланням http://joomlacode.org/gf/download/frsrelease/13470/59620/ru-RU.com_phocagallery.zip. У цьому архіві знаходяться два ini-файлу, скопіюйте їх в папку administrator / language / ru-RU / вашої встановленої Joomla 1.5. Після цього в адмінці компонент Phoca Gallery буде повністю русифікований.
Додавати картинки в галерею можна як мінімум двома способами:
1. Можна спочатку по FTP закачати картинки прямо в www \ images \ phocagallery \ і папки, створені там.
2. Вбудованими в Phoca Gallery засобами: Компоненти -> Phoca Gallery -> Images -> Multiple Add, три закладки Upload File. Не дуже зручний інструмент, але може допомогти, якщо FTP недоступний.
Після закачування картинок потрібно додати їх в базу Phoca Gallery. Знову перейти в Компоненти -> Phoca Gallery -> Images, і натиснути кнопку Multiple Add. У боксі Подробиці з'явиться список папок і зображень, які вже записані в www \ images \ phocagallery \. Потрібно вибрати категорію, поставити галочки проти потрібних зображень і натиснути кнопку Зберегти. Запускається процес генерації іконок для зображень. При цьому автоматично створяться категорії за назвами папок, наявних в папці phocagallery, і підкатегорії цих категорій, якщо в ці папки входять інші папки. Т. е. Автоматом виходить ієрархія зберігання зображень, що дуже зручно. Поняття категорії в фотогалереї Phoca Gallery дуже важливо, так як саме за категоріями розподіляються зображення і саме категорія відображається у вигляді галереї.
Після закінчення генерації іконок оригінали картинок (з метою економії місця на сервері) можна видалити, однак Ви при цьому втратите можливість перегенеріровать іконки (якщо раптом захочете поміняти їх розміри). Іконки (картинки) генеруються для кожної фотографії автоматично відповідно до настанов трьох розмірів - маленького, середнього і великого. Розміри картинок змінюються меню налаштувань Phoca Gallery Control Panel -> Images and Windows Size Settings. Увага - міняйте налаштування до запуску генерації іконок / зображень, або після зміни налаштувань заново перегенеріруйте зображення.
Після того, як картинки згенеровані, можна галерею додати як пункт меню, наприклад так: Адаменко Joomla -> Меню -> Головне меню -> Створити -> в списку виберіть тип пункту меню "Phoca Gallery". Нового пункту меню даєте заголовок, наприклад "Фотографії". Отримайте пункт меню, в якому будуть всі Ваші фотографії. Щоб поміняти зовнішній вигляд галереї (кольору), см. Теми. Якщо треба приховати всі підкатегорії, обмежитися однією категорією або зробити щось ще, поміняйте властивості Phoca Gallery через Компоненти -> Phoca Gallery -> кнопка "Настройки". Див. Також швидкий старт установки і настройки галереї [4].
Якщо не хочете, щоб при відкритті галереї картинки відображалися там у випадковому порядку (це поведінка за умовчанням після установки), то зайдіть в Настройки -> Categories View Settings (List of Categories) -> Categories Image Ordering -> виберіть тип сортування. Я зазвичай вибираю Id Descending, що забезпечує сортування картинок в тому порядку, в якому вони були додані.
[Phoca Gallery plugin]
Плагін Phoca Gallery - дуже корисна надбудова, яка дозволяє розмістити в будь-якому місці будь-якої статті набір фотогалерей, одну фотогалерею, набір картинок, одиничну картинку або випадкове зображення з фотогалереї. Все це задається через опції плагіна (див. Далі).
Установка плагіна стандартна. За посиланням [6] скачайте plg_content_phocagallery_2.7.7.zip (або аналогічний файл більш нової версії) і російську мову для плагіна ru-RU.plg_content_phocagallery.zip. Далі в адмінки Joomla -> Extensions -> Install / Uninstall -> Select the file to install »Upload File & Install. Після цього потрібно включити (дозволити) плагін через Extensions -> Plugin Manager -> Phoca Gallery Plugin -> Enable Plugin.
Русифікація також проста (хоча русифікувати в плагіні майже нічого): з файлу ru-RU.plg_content_phocagallery.zip візьміть ini-файл і покладіть його в папку language / ru-RU вашої інсталяції Joomla 1.5.
Як використовувати см. [7]. Фотогалерея (або набір картинок) вставляється в статтю за допомогою тега 
phocagallery параметри 
. Далі приклади використання з описом.
[Практичні приклади використання Phoca Gallery Plugin]
1. Щоб відобразити в статті всі наявні категорії, тупо вставляємо в потрібне місце статті:
phocagallery view = categories
Виглядає це наприклад так: 
Праворуч від картинки розташовані назви категорії і підкатегорії, до якої відноситься галерея. В круглих дужках коричневим кольором показано кількість зображень в галереї.
2. Щоб відобразити тільки одну категорію, то вставляємо:
phocagallery view = category | categoryid = 15 , Де число 15 ID категорії, який можна дізнатися зі списку категорій (Компоненти -> Phoca Gallery -> Categories, стовпець ID).
3. phocagallery view = switchimage | switchheight = 360 | switchwidth = 416 | basicimageid = 71 не працює на перемикання, просто відображає одну картинку в повний розмір.
4. phocagallery view = category | categoryid = 15 | limitstart = 0 | limitcount = 2 | enableswitch = 1 відображає дві випадкові іконки-картинки з категорії зображень 15. Параметр limitstart вказує, з якою за рахунком картинки буде братися випадкове зображення, limitcount вказує, скільки картинок відображати.
5. phocagallery view = category | categoryid = 7 | imageid = 0 | limitstart = 0 | limitcount = 2 |
fontcolor = # B88A00 | bgcolor = # FFBF00 | bgcolorhover = # BFFF00 | imagebgcolor = # FFD24D |
bordercolor = # B88A00 | bordercolorhover = # 86B300 | detail = 1 | displayname = 1 |
displaydetail = 1 | displaydownload = 1 | float = right
відображає дві випадкові іконки-картинки з фотогалереї 7, колір підписів з іконка сірий, є кнопочка завантаження, лупи, колір рамки жовтий, розташовані іконки праворуч в тексті статті, причому текст огинає іконки. Параметр bordercolor задає колір бордюру, а bordercolorhover - колір бордюру при переміщенні мишки по ньому. Параметр float задає, що іконки повинні бути праворуч.
6. phocagallery view = category | categoryid = 6 | imageid = 15 | detail = 0 | overlib = 1 відображає тільки іконку тільки однієї картинки 15 з категорії 6. Увага: якщо картинка з ID = 15 не перебуває у категорії з ID = 6, то ніяка картинка не виведеться. Параметр detail:
0 - звичайне модальне вікно поверх сторінки з усіма кнопками управління показом зображень (попереднє, таке, слайд-шоу та ін.).
1 - те ж саме, що і 0, тільки відкривається для показу картинки окреме вікно браузера.
2 - Modal Box (only image), просте модальне вікно без кнопок управління.
3 - Shadowbox, що і 2, тільки при відкритті красива анімація, кнопочка закриття внизу, і вгорі є підпис до картинки.
4 - Highslide JS, те ж саме, що і 0, тільки віконце перегляду можна переміщати і змінювати його розміри.
5 - Highslide JS (only image), поява перегляду з анімацією, також попередній з красивою білою рамочкою, кнопки управління перегляду динамічні - з'являються тільки при переміщенні курсору миші по картинці. Мені цей варіант сподобався найбільше.
6 - JAK lightbox, оригінальне красиве модальне вікно перегляду з чорною рамкою.
7 - No Popup, замість іконки з'являється повне зображення з кнопками управління переглядом і зеленою кнопкою переходу в галерею, де ця картинка знаходиться. Не сподобалося.
8 - Slimbox - найпростіше анімаційно з'являється вікно з описом картинки, рамка біла. Нічого особливого.
9 - показує тільки картинку з кнопками навігації. Схоже недороблений режим. Те ж саме з числом 10 (далі не перевіряв).
Параметр overlib:
0 - не впливає ніяк.
1 - при переміщенні миші поверх іконки показує напівпрозоре віконце картинки. Круто!
2 - при переміщенні миші поверх іконки показує напівпрозоре віконце з описом картинки.
3 - комбінація варіантів 1 і 2.
Overlib Effect Settings -> Overlib Image Size -> 1/4
7. phocagallery view = category | categoryid = 7 | imageid = 180 | detail = 5 | overlib = 1 | displayname = 0 |
displaydetail = 0 | displaydownload = 0
Відобразити картинку ID = 180 з категорії ID = 7, варіант перегляду detail = 5, при наводити на картинку з'являється напівпрозорий вигляд картинки, прибрати відображення імені картинки (displayname = 0), прибрати відображення іконки лупи (displaydetail = 0), прибрати відображення іконки завантаження (displaydownload = 0).
8. phocagallery view = category | categoryid = 7 | imageid = 180 | detail = 5 | overlib = 1 | displayname = 0 |
displaydownload = 0 | displaydetail = 0 | bordercolor = transparent
Прибрати бордюр (те ж саме, що і 7, тільки без сірого тонкого бордюру). Взагалі bordercolor дозволяє ще встановити колір бордюру.
Для картинок є опція перемикання Switch (Swap) Image - зверху над іконками галереї відображається картинка попереднього перегляду. Не дуже сподобалося, працює досить повільно, не всі картинки завантажуються.
Примітки для всіх прикладів - замість правої і лівої фігурних дужок {} в статті використовувалися картинки. Всі опції тега phocagallery повинні бути введені один за одним без пробілів і перекладів рядка. Текст тега phocagallery не повинен мати жодних атрибутів (типу Bold або спеціально заданого шрифту) - просто чистий текст.
[Посилання]
1. Огляд варіантів фотогалереї Phoca Gallery . У списку ліворуч виберіть цікавить Вас тип галереї.
2. Закачування компонента Phoca Gallery .
3. Русифікація галереї Phoca Gallery .
4. Phoca Gallery - швидкий старт .
5. Phoca Gallery plugin .
6. Закачування плагіна Phoca Gallery .
7. Керівництво по використанню Phoca Gallery Plugin .
