Проста галерея joomla 3. JoomGallery - проста і функціональна галерея для Joomla. Управління галереями і фотографіями

Фото і картинки - це невід'ємна частина будь-якого сайту і матеріалу. Галерея Joomla допоможе вам прикрасити сторінку вашого сайту і дозволить йому виглядати набагато красивіше, професійніше. Компонентів, розширень і модулів галерей для Joomla величезна кількість, і вибрати одну з них - зовсім непросте завдання.

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

Нижче представлений список з 10 кращих додатків галереї для вашого сайту з демо і коротким описом.

Приємного вивчення!

1.TZ Plus Gallery

TZ Plus Gallery - розширення для Joomla!, Яке дозволяє відображати на сайті всі фотоальбоми з соціальних мереж користувача, в тому числі: Facebook, Flickr і Instagram і Google + .Пользователі можуть розміщувати свої фотографії всюди, в будь-який час, будь то Facebook, Flickr, Instagram або Google+. Фотографії будуть автоматично додані на сайт. TZ Plus Gallery має дві версії: безкоштовна версія і Pro версія, так що користувачі можуть вибрати, ту, яку захочуть. Обидві версії дійсно чудові, але з TZ Plus Gallery Pro користувачі можуть використовувати набагато більше спеціальних функцій.

2. Phoca Gallery

Phoca Gallery - розширення галереї зображень для CMS Joomla, яка включає в себе компонент, модулі та плагіни. Вона дозволяє користувачам переглядати зображення або відео з YouTube у найрізноманітніших стилях. Також доступні лайтбокси, слайдшоу, ефекти, тіні і ще море інших чудових опцій.

3. Ozio Gallery

Ozio Gallery дозволяє користувачам публікувати свої фотоальбоми з Google+. Можуть бути відображені навіть альбоми з обмеженим доступом. Це розширення володіє відмінним фунціоналом: необмежена завантаження фото, автоматичне зміни розміру фото, статистика фото, автоматичне створення мініатюр, карта галереї всіх фотографій, відображення красивих карт з вашими фотографіями, використовуючи EXIF \u200b\u200bфотографій або геотеги, і ін.

4. Event Gallery

Event Gallery - чудовий компонент галереї, що включає корзину фото, а також використовує адаптивну систему відображення фотографій. Виглядає, дійсно, дуже красиво! Event Gallery також підтримує багатомовність Joomla, ICC профілі, папки з паролями або обмеженим доступом для користувачів, Корзину і покупку фотографій, нанесення водяного знаку і багато інших класних фішок.

5. Ignite Gallery

Ignite Gallery сумісна з Joomla 2.5 і, багатомовності, Joomfish, Lanternfish і т.д.

6. Sigplus

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

7. CSS Gallery

CSS Gallery - простий в налаштуванні і установці плагін галереї Joomla, який дозволить вам виводити галереї зі слайдами у вашому контенті. На відміну від інших плагінів-галерей, CSS Gallery працює на чистому X -HTML і CSS, не використовуючи в роботі JavaScript, Flash і будь-які інші скрипти / плеєри.

8. JoomGallery

JoomGallery-це компонент галереї, повністю інтегрований в Joomla !. Він повністю підтримує Joomla! 3.х. JoomGallery може похвалитися рядом дуже корисних функцій: настроюються водяні знаки (watermark), підтримка Google карт, 3 розміру зображень (оригінальний, детальний і ескіз), автоматичне створення ескізу і детального розмірів зображення, створення слайд-шоу з різними ефектами переходу, функцію пошуку по галереї, створення і додавання призначених для користувача категорій. Однак і це не повний список його можливостей! ArtGallery все, що вам потрібно зробити, щоб створити галерею - це вибрати папку з фотографіями. І все! Розширення підтримує 2 варіанти виведення картинок: випадкові позиції фото (адаптивне розташування) і відображення по рядках / колонок.

Сподіваємося, що за допомогою цієї статті ви можете дізнатися більше про розширення для створення галереї на Joomla !, і зможете зробити правильний вибір для вашого сайту.

Привіт, шановні читачі блогу сайт. Сьогодні мова піде про один з кращих безкоштовних розширень, яке дозволяє реалізувати повноцінну фотогалерею на Joomla. Для цих цілей ми буде використовувати продукцію компанії Phoca - компонент Phoca Gallery і однойменний плагін.

Можна також здійснити прив'язку фотографій до положення на географічній карті Google - «Gallery Categories Map».

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

Крім різних варіантів організації фотогалерей в Joomla, ви зможете вибирати ще й спосіб перегляду повнорозмірних фото при натисканні миші по їх прев'юшки. Подивитися і спробувати в дії всі ці варіанти зможете, переходячи по пунктам меню демо-сайту в області «Category View».

Особисто мені найбільше подобається спосіб «Highslide (Image only)», але, як то кажуть, на смак і колір - товаришів немає.

З тих пір, як я останній раз її ставив, виявляється пройшло вже досить багато часу, або ж це розробники так швидко додають нові способи перегляду фотографій. У всякому разі, «Coolirs 3D Wall» і «JAK Lightbox» раніше у них не помічав. Молодці розробники, що і говорити, так інтенсивно розвивають безкоштовний проект. Респект їм і уважуха, як то кажуть.

Загалом, пограйте самі на демо-сайті Phoca зі всілякими способами показу для того, щоб потім в налаштуваннях компонента свідомо обирати той чи інший варіант. О, знайшов ще один цікавий спосіб - «Youtube». Потрясно, фотогалерея дозволяє додавати і виводити за допомогою Lightbox ролики з Youtube.

Так, ще у них реалізована можливість автоматично додавати водяний знак (Watermark) на всі або тільки на окремі фото з створюваної вами галереї. Дуже корисна можливість для тих, хто викладає унікальні фотки і не хоче допустити їх безконтрольне розтягування.

Приклад водяного знака можна побачити на сторінці «Watermark». Причому, він зовсім не обов'язково повинен розташовуватися посередині фотографії, як показано в прикладі. Положення водяного знака можна буде задати в налаштуваннях компонента Phoca Gallery.

Вам правда буде потрібно створити файлик з його графічним зображенням у форматі PNG (і який саме найкраще використовувати) і завантажити його на хостинг. Загалом то, можна водяний знак нанести і попередньо на своєму комп'ютері - в пакетному режимі в.

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

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

Схоже, що Phoca Gallery вміє працювати навіть з фотографіями, які знаходяться на сервері Google в, у всякому разі про це йдеться «». Не можу це стверджувати напевно, бо не користувався цією можливістю.

Якщо ви захочете ще і русифікувати їх, то вам потрібно додатково завантажити звідси і звідси пакети русифікації для них.

Для установки Фока Галері на Joomla потрібно в адмінці вибрати з верхнього меню пункти «Розширення» - «Встановити / Видалити». У вікні, в області «Завантажити файл пакета» натисніть на кнопку «Огляд», знайдіть на своєму комп'ютері тільки що завантажений архів з компонентом, а потім натисніть на кнопку «Завантажити файл & Встановити»:

Joomla відрапортує вам про успішну установку, але вам ще потрібно буде вибрати, що саме ви в даний момент виконали - встановили компонент вперше (потрібно буде натиснути на кнопку «Install») або ж оновили вже встановлений раніше на новішу версію (тиснемо на кнопку « Upgrade »).

Після цього вас перекине на головну адмінки Phoca Gallery. Багато написів будуть англійською, тому для його русифікації потрібно розпакувати архів з російським мовним пакетом ru-RU.com_phocagallery.zip, який ви завантажили раніше. Всередині архіву будуть перебувати два файли, які потрібно буде завантажити на сервер хостингу в папку з локалізаціями різних розширень Joomla.

Для початку потрібно буде підключитися до свого сайту. Потім знаходите серед файлів і папок вашого сайту (в FileZilla каталоги віддаленого сервера розташовані в правому вікні) директорію:

Відкриваєте цю папку і копіюєте в неї з лівого вікна FileZilla (там доступні об'єкти, розташовані на вашому комп'ютері) два файли русифікації - ru-RU.com_phocagallery.ini і ru-RU.com_phocagallery.menu.ini. Тепер, зайшовши на адмінку компонента ( «Компоненти» - «Phoca Gallery»), ви побачите, що всі написи відображаються на російській.

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

Потім його розпакувати і скопіювати всі файли, що містяться в ньому, на сервер в папку:

/ Administrator / language / ru-RU

Якщо папки «ru-RU" в "/ administrator / language /" не виявите, то вам потрібно буде її створити, клацнувши правою кнопкою в FileZilla і вибравши з контекстного меню пункт «Створити каталог». Перевірте права доступу для цього каталогу і при необхідності змініть їх на 755 ().

Після цього в адмінки Joomla вам потрібно вибрати у верхньому меню «Розширення» - «Менеджер мов», перейти на сторінці на вкладку «Адміністративна панель», поставити галочку навпроти російської мови і натиснути на кнопку «За замовчуванням», розташовану у верхній частині сторінки праворуч:

Налаштування Phoca Gallery (водяні знаки, розміри і ефекти)

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

Найменша копія використовується в адмінці Phoca Gallery, щоб під час перегляду списку фотографій ви могли б розуміти, що це за зображення. Трохи більші копії використовуються на сторінках галерей в якості превьюшек (міні-зображень), клацнувши по яким можна буде побачити найбільші копії, одержуваних з основних картинок, що завантажуються на сервер.

Так ось, якщо ви закине на сервер всі потрібні вам фотки, а потім вирішите, що, наприклад, велике зображення, що отримується з них, мало велике, то вам доведеться виконати зайву роботу: в налаштуваннях компонента вибрати потрібний розмір для створюваних великих і маленьких копій, а потім видалити і перебудувати ескізи для всіх вже завантажених в Joomla зображень.

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

Отже, виберіть з верхнього меню адмінки пункти «Компоненти» - «Phoca Gallery». У правому верхньому куті потрібно буде натиснути на кнопку «Параметри». В результаті, у спливаючому вікні відкриється перелік налаштувань цього компонента.

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

У верхній частині списку йдуть настройки, що задають відображення ескізів та інших елементів в категоріях галереї. Тут я практично все залишив без зміни за винятком того, що прибрав з під превьюшек (міні-зображень) кнопки детального перегляду, завантаження та іконки папки (вибрав зі списку варіант «Приховати» для цих полів):

У наступній області «Установки виду категорії» можете налаштувати зовнішній вигляд відображення ескізів в їхньому списку. Чи буде замість папки відображатися випадкове зображення з цієї категорії, показувати чи всередині кнопку повернення в список, у скільки колонок вони будуть розташовані в списку і багато іншого:

Для перегляду більш детальної інформації про призначення даного пункту настройки, підведіть і трохи затримайте курсор миші на назві даного вам пункту. В результаті з'явиться підказка з більш детальним описом:

Вибираємо між ефектами Highslide і Lightbox в настройках

Наступною важливою областю є «Налаштування детального виду». Тут в області «Вікно деталей» ви зможете вибрати спосіб, який буде використовуватися для показу великий копії зображення, після того, як відвідувач вашого сайту клацне по його ескізу в галереї або slideshow:

Ви можете подивитися, як будуть виглядати всі запропоновані варіанти на вашій експериментальної фотогалереї, що складається з декількох фотографій. В основному вам доведеться вибирати між двома основними способами показу - Highslide і Lightbox. Кому що подобається. Lightbox більш популярний, а Highslide більш ефектний.

Для цього вам потрібно буде вибрати один з варіантів показу детального зображення (Highslide або Lightbox) в поле «Вікно деталей» і натиснути на кнопку «Зберегти», розташовану в самому верху.

Подивившись обраний варіант в роботі, можете або зупинитися на ньому, або продовжити вибір, знову повернувшись в налаштування Phoca Gallery і вибравши зі списку інший спосіб.

Особисто мені найбільше імпонує варіант «Highslide JS (тільки зображення)», хоча і Lightbox теж цілком навіть нічого. При цьому всі відкриті фото на сторінці можна буде розтягнути мишею по екрану для їх порівняльного перегляду. Закриваються відкриті фотки клацанням по ним мишею. Прикольно.

Крім цього, в даній галереї Ви можете переглядати і переміщення між фотографіями (в тому числі і використовувати слайдшоу) не тільки за допомогою кнопок, що відображаються в верхній частині вікна перегляду, але і за допомогою кнопок на клавіатурі (Enter відкриває і згортає фото, стрілочки дозволяють переміщатися взад або вперед по ним, а пробіл на клавіатурі запускає slideshow).

Наступною важливою областю, на мій погляд, є «Слайд-шоу», де ви можете задати час затримки між показом фотографій і ряд інших параметрів для slideshow в Joomla:

Додавання водяних знаків (Watermark) до зображень в галереї

На початку цієї публікації я вже згадував про можливість автоматичного додавання в цій фотогалереї водяних знаків (Watermark) на всі файли зображення. Тепер давайте в деталях розглянемо, як це можна налаштувати.

По-перше, потрібно буде знайти область «Налаштування водяного знака» і в полі «Створити водяний знак» вибрати варіант «Так». А в полях «X-позиція водяного знака» і «Y-позиція водяного знака» - вибрати його положення на зображенні:

Для застосування цих установок прокручуєте вікно до верху і натискаєте на кнопку «Зберегти». Але цим ми тільки активували функцію автоматичного додавання Watermark на всі файли на сервер зображення, а що у нас буде використовуватися в якості нього, ми так і не налаштували.

Але, власне, налаштовувати нічого більше і не треба, достатньо лише створити два графічний файлу водяних знаків в форматі PNG, наприклад, в Фотошопі або.

Їх слід назвати WATERMARK-LARGE.PNG (для додавання на велику копію) і WATERMARK-MEDIUM.PNG (для додавання на ескізи). Якщо на ескізи додавати водяні знаки ви не хочете, то просто не створюйте цей файл. Тепер їх потрібно буде скопіювати на сервер в папку, де будуть зберігатися файли фотографії. Зазвичай це:

/ Images / phocagallery /

Але це буде справедливо тільки в тому випадку, якщо ви плануєте завантажувати всі зображення в одну папку. А якщо ви будете заливати фото для різних категорій галереї в різні папки (створюючи їх у каталозі / images / phocagallery /), то у вас з'явиться можливість автоматично додавати до зображень з різних категорій різні водяні знаки.

В цьому випадку потрібно створити потрібну кількість пар файлів WATERMARK-LARGE.PNG і WATERMARK-MEDIUM.PNG, і завантажити їх по FTP в папки різних категорій:

/ Images / phocagallery / назва

Картинки з цих файлів водяних знаків будуть накладатися на ескіз (якщо захочете) і на велику копію в тій позиції, яку ви трохи раніше вибрали в налаштуваннях. Накладення Watermark відбуватиметься в момент завантаження зображень на сервер з Joomla, отже, для вже залитих фото цей знак доданий не буде.

Вам доведеться з адмінки Phoca Gallery перестворити ескізи для всіх цих фотографій або ж взагалі видалити їх з сервера і завантажити потім заново. Але найкраще, як я і говорив вище, спочатку провести всі потрібні налаштування фотогалереї, а вже потім займатися завантаженням картинок на сервер.

Настроїти розмір зображень в фотогалереї і слайд-шоу

Наступною важливою областю налаштувань є «Налаштування розміру зображення і вікна». Тут ви можете задати розмір копій завантажуються на сервер фоток. Якщо пам'ятаєте, то на початку статті я згадував, що при заливці відбувається автоматичне створення з кожного зображення трьох копій (про попереднє на комп'ютері можна забути):

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

Так ось, в області «Налаштування розміру зображення і вікна» ви зможете задати ширину і висоту в пікселях для всіх трьох копій:

Змінювати їх розміри має сенс відразу ж після початку роботи з Phoca Gallery і перед початком масової завантаження зображень в фотогалерею або слайдшоу. Інакше вам доведеться повторювати заливку заново.

Створення категорій і завантаження фотографій в Phoca Gallery

Тепер нам потрібно буде точно так же, як і в самій Joomla, продумати структуру категорій для майбутньої галереї.

Але на відміну від Джумли, де використовується дворівнева схема вкладеності матеріалів (розділи і рубрики), в Phoca Gallery у нас буде можливість створювати категорій галереї зі як завгодно великим рівнем вкладеності. Але про все по порядку.

Для початку нам потрібно вибрати з верхнього меню адмінки пункти «Компоненти» - «Phoca Gallery» - «Категорії». У вікні, ви побачите список всіх вже створених вами категорій:

Для створення нової вам потрібно натиснути на кнопку «Створити», розташовану у верхній частині сторінки. В результаті відкриється вікно, де зможете задати налаштування для нової категорії нашої майбутньої галереї:

В поле «Тема» потрібно ввести назву, яке буде видно відвідувачам на сайті при перегляді всіх категорій фотогалереї. В поле «Ім'я користувача» можете латиницею ввести те ж саме назву, розділяючи слова знаками тире (знак підкреслення «_» краще не використовувати, тому що існує думка, що його не дуже добре сприймають пошукові системи).

Для чого потрібно заповнювати поле «Ім'я користувача»? - запитаєте ви. Потрібно це тільки в тому випадку, якщо ви використовуєте передбачені в Joomla можливості по створенню людино-зрозумілих URL (ЧПУ або SEF оптимізованих адрес веб-сторінок вашого Джумла-сайту). Якщо ви не зовсім розумієте, що таке ЧПУ і як його активувати, то раджу почитати c використанням стандартних засобів.

В поле «Батьківська» можете вибрати при бажанні батьків, в якого буде вкладена створювана вами категорія. Рівень вкладеності не обмежений і все залежить від ваших потреб. В поле «Доступ» можете вибрати, кому вона буде доступна для перегляду.

За умовчанням вибраний варіант «Всім», але при бажанні ви можете зробити так, щоб її могли бачити або тільки зареєстровані користувачі (варіант «Registered»), або взагалі тільки адміністратори (варіант «Спеціальний»).

Це були стандартні настройки доступу. Але далі вже підуть поля, які дозволять поставити специфічні права на перегляд, додавання і видалення зображень з цієї категорії фотогалереї для Joomla.

Справа в тому, що цей компонент має дуже великий функціонал і дозволяє управляти фотографіями в різних категоріях не тільки адміністраторам, а й звичайним зареєструвалися.

Поля «Права доступу користувачів», «Права користувача на завантаження і додавання» і «Права користувача на видалення та публікацію» дозволяють вам вибрати кому:

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

Хочу звернути вашу увагу на те, що за замовчуванням переглядати зображення буде дозволено всім відвідувачам вашого сайту, а додавати і адмініструвати фото не буде дозволено нікому (крім вас, звичайно ж). Особисто я не пробував організовувати галерею, в яку картинки могли б додавати звичайні відвідувачі, але, думаю, що проблем з цим виникнути не повинно.

Далі на сторінці налаштування слідують поля, що дозволяють здійснити прив'язку завантажуються зображень до певного місця на карті Гугла. Але для цього вам потрібно буде попередньо отримати ключ Google Maps API для того, щоб змогли використати його карту на своєму сайті.

Особисто я не робив прив'язки фотографій до карти, але досвід роботи з Google Maps у мене все ж є, тому що я прикрутив подібну карту на сторінку з контактами. Принцип отримання ключа залишається колишнім. Спочатку ви можете почитати про, а потім зареєструвати свій проект в цій системі і отримати ключ, який буде працювати тільки на тому ресурсі, доменне ім'я якого ви вкажете при реєстрації.

Зареєструватися для отримання ключа ви можете, а отриманий API Карт Google вам потрібно буде ввести в настройках компонента фотогалереї в області «Geotagging настройки» в поле «Google Maps API ключ».

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

Для виведення опису потрібно буде знайти область налаштувань «Налаштування вигляду» і в пункті «Стиль відображення» вибрати варіант «Категорії, зображення і детальна інформація»:

Аналогічним чином вам потрібно буде створити необхідну кількість категорій в Phoca Gallery і потім вже приступати до додавання зображень в них.

На другому етапі ми повинні вибрати категорію, куди будемо здійснювати заливку, після чого почнеться їх автоматична переробка засобами компонента Phoca Gallery. Для кожної завантаженої фотографії буде створено три її копії різного розміру, які будуть поміщені в папку / images / phocagallery / thumbs.

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

Копія середнього розміру буде виводитися на сторінках фотогалереї як прев'юшки, а копія найбільшого розміру - показуватися відвідувачам при натисканні на превьшке. Але про все по порядку.

Завантаження одного зображення в галерею для Joomla

Отже, нам для початку потрібно здійснити завантаження графічних файлів на сервер. Зробити це можна кількома способами. По-перше, якщо вам буде потрібно додати тільки одне зображення, то ви можете скористатися вбудованим майстром - «Компоненти» - «Phoca Gallery» - «Зображення».

У вікні побачите список всіх вже залитих раніше фотографій і вам залишиться лише натиснути на кнопку «Створити», для додавання нової. В результаті чого відкриється вікно майстра:

Заповнюєте поле «Назва», вміст якого в подальшому буде поміщено в. Назва повинна включати ключові слова, якщо хочете,.

В поле «Опубліковано» ви визначаєте, чи буде показано завантажувати фото в категорії, яку ви виберете трохи нижче зі списку. Решта поля заповнюєте за бажанням, а для завантаження вам потрібно буде натиснути на кнопку «Зображення», розташовану навпроти поля «Назва файлу». Після чого побачите містяться в папці / images / phocagallery файли.

В принципі, ви могли б заздалегідь підключитися в вашому сайту по FTP і завантажити графічний файл з потрібним вам фото в папку / images / phocagallery. В цьому випадку вам потрібно буде лише знайти це зображення у вікні, і клацнути по ньому миша. В результаті найменування файлу буде автоматично скопійовано в поле «Назва».

Якщо по ФТП ви файл з фоткою не завантажувати і не збираєтеся, то можете скористатися вбудованим завантажувачем, форма якого розташована внизу вікна додавання зображення в фотогалерею:

Ну, і після заповнення всіх інших полів, які ви вважаєте потрібними, для закінчення процесу потрібно буде натиснути на кнопку «Зберегти», розташовану вгорі.

Але про створення різних пунктів меню для виведення вмісту фотогалереї на сторінки сайту, ми поговоримо більш докладно в наступній статті цієї серії про однойменний плагін.

Додавання відразу декількох фотографій

Ми тільки що навчилися додавати одне зображення в галерею, а тепер давайте розглянемо пакетну заливку фотографій. В принципі, все дуже схоже. Нам потрібно буде знову вибрати з верхнього меню «Компоненти» - «Phoca Gallery» - «Зображення».

На сторінці побачите список файлів з зображеннями, які в даний момент знаходяться в папці / images / phocagallery. Якщо тут немає тих фотографій, які ви хотіли б додати в одну з категорій, то вам доведеться їх завантажити в цю папку.

Особисто я використовую найпростіший, з моєї точки зору спосіб - заливка по FTP. Я підключаюся до сайту через програми Filezilla і в її правому вікні відкриваю папку / images / phocagallery, а в лівому - папку на жорсткому диску свого комп'ютера з потрібними мені графічними файлами. Виділяю потрібні і вибираю з контекстного меню правої кнопки миші «Закачати на сервер».

Але так само ви можете скористатися і вбудованим в компонент JAVA або FLASH завантажувачами. Їх знайдете, прокрутивши вікно до кінця вниз.

Для їх роботи знадобиться встановити в операційну систему або JAVA машину, або Flash плеєр, якщо їх у вас до цього не було. У разі використання JAVA завантажувача потрібно буде вибрати необхідні файли зображень на жорсткому диску свого комп'ютера, а потім натиснути на кнопку «Завантажити»:

Я зазвичай все закачувати в папку / images / phocagallery по FTP, а потім позначаю галочками потрібні мені фотографії, після чого вибираю зі списку поля «Категорія» ту, в яку вони повинні потрапити, ставлю галочку в положення «Так» в поле «Опубліковано »і тисну на кнопку« Зберегти », розташовану вгорі:

Власне, ось і все.

Для того, щоб знову додані в Phoca Gallery зображення виявилися у верхній частині списку, клацніть по заголовку останнього стовпця «ID» так, щоб фото з найбільшим ID (додані останніми) виявилися у верхній частині списку:

Висновок вмісту фотогалереї за допомогою пунктів меню

Тепер настав час приступати до висновку вмісту фотогалереї на сторінки сайту. Зробити це можна трьома способами. По-перше, можна буде створити відповідні пункти для Phoca Gallery, і тоді все буде виводитися в області шаблону, призначеної для виведення контенту (де зазвичай виводяться статті).

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

Приклад такого модуля зможете побачити на сайті розробників в правій колонці - Tree Menu. Крім цього можна виводити будь-які зображення з неї за допомогою модуля PImage Module.

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

Тепер заходимо в адмінку, підводимо курсор миші до пункту «Усі меню», розташованого вгорі, і вибираємо зі списку то, в яке хочемо додати пункт (або кілька пунктів) для виведення вмісту нашого компонента.

В результаті відкриється вікно зі списком усіх пунктів в цьому меню. Для створення нового потрібно натиснути на кнопку «Створити», розташовану у верхньому правому куті вікна. У відкритому дереві розкриваємо гілку «Галерея Phoca Gallery», клацнувши по ній мишею.

Пункт «Розташування панелі управління користувача Phoca Gallery» може знадобитися в тому випадку, якщо дозволити відвідувачам додавати зображення в галерею. Цей пункт меню дозволить їм отримати доступ до форми для завантаження фоток і створення категорій.

Якщо ви дозволите додавати фотографії тільки користувачам з певної групи (), то в настройках цього пункту меню буде доречно дозволити його перегляд тільки відвідувачам, починаючи з цієї групи. Решта його просто не побачать.

Варіант «Cooliris 3D план стіни» дозволяє виводити фото з будь-якої окремої категорії в вигляді дуже барвистою Flash стіни, яку можна повертати простим переміщенням миші. Подивитися, як це буде виглядати в реалі, можете.

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

«Список всіх категорій» служить для створення посилання (пункту) в меню, перейшовши за яким відвідувач зможе побачити список всіх категорій. У якому вигляді вони там будуть представлені, задається в настройках цього компонента, про які ми вже говорили трохи вище.

«Вид» дозволяє створити посилання в меню, перейшовши по якій відвідувач побачить фото будь-якої категорії. Особисто я використовував перший варіант для створення батьківського пункту меню, а вже для вкладених використовував цей. В результаті чого вийшов пункт «Фото» з багаторівневим списком, що випадає категорій фотогалереї:

В налаштуваннях першого варіанту для цього я вказав в полі «Батьківський елемент» варіант «зверху»:

А ось вже для другого варіанту - вибираємо в якості батьківського пункт меню, вкладений в перший пункт:

До речі, інші настройки «Список всіх категорій» і «Вид» практично нічим не відрізняються від стандартних, які ми докладно розглянули в попередніх статтях цієї рубрики -.

Хіба що тільки при створенні пункту «Вид категорії» вам знадобиться вказати ту з них, фото з якої будуть виводитися:

Тепер пора переходити до розгляду можливостей плагіна Phoca Gallery Plugin, який дозволить нам створювати фотогалереї прямо в статтях. Давайте його встановимо. Якщо ви його ще не завантажили, то можете зробити це, а русифікацію взяти звідси.

З верхнього меню адмінки Joomla пункти «Розширення» - «Встановити / Видалити» знаходите на своєму комп'ютері архів з плагіном і завершуєте установку, натиснувши на кнопку «Завантажити файл & Встановити».

Для того, щоб потрапити в його налаштування (або просто активувати його) вам потрібно буде вибрати з верхнього меню адмінки Joomla пункти «Розширення» - «Менеджер плагінів». У вікні, знайдіть рядок з нашим і клацніть по його назві:

Якщо потрібно тільки активувати, то в його налаштування можна не заходить (тим більше, що у нього ніяких налаштувань фактично і немає), а просто клацнути по червоному хресту, розташованому в рядку з назвою. Сторінка менеджера плагінів в Joomla оновиться і ви побачите замість червоного хреста навпроти нашого героя зелену галочку - активний.

При бажанні Phoca Gallery Plugin можна русифікувати. Правда, сенсу в цьому особливого немає, бо перекладається лише кілька фраз, але тим не менше. Для цього потрібно розпакувати архів з русифікатором і скопіювати звідти єдиний файл на сервер вашого хостингу в папку:

Language / ru-RU

Вам потрібно буде ще скачати і встановити модулі галереї:

Menu Module - модуль для виведення в Joomla меню вашої галереї
PTree Module - модуль для виведення деревовидного меню галереї в Joomla
Image Module - модуль виведення довільних зображень з галереї в Joomla

Після установки модулів потрібно вибрати з верхнього меню «Розширення» - «Модулі», знайти в списку наші і зайти в їх налаштування. Там потрібно буде активувати модуль, вибрати необхідну для нього позицію в шаблоні, подивитися і при необхідності підкоригувати налаштування в правій області. Які саме - найпростіше буде зрозуміти, спробувавши їх на практиці.

Плагін Phoca Gallery Plugin для вставки фото в статті

Будемо вважати, що плагін ви вже встановили, а так само створили категорію в налаштуваннях компонента Phoca Gallery, в яку завантажили зі свого комп'ютера фотографії. Для того, щоб створена вами категорія не відображалася на сайті при перегляді їхнього списку, зніміть її з публікації.

Для цього в адмінці виберіть «Компоненти» - «Галерея» - «Категорії» і зніміть галочку в стовпці «Опубліковано» навпроти тієї з них, яка не повинна відображатися в їхньому списку:

Хоча, можете використовувати для вставки в текст статті за допомогою плагіна і ті фото, які знаходяться в уже опублікованих категоріях - це не принципово. Тепер нам потрібно буде розібратися з кодом Phoca Gallery Plugin, який ми будемо вставляти в статті.

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

І все ж я поясню на прикладі, як працює плагін фотогалереї в Joomla і які параметри слід вказувати в коді його виклику.

Якщо в адмінці Джумли зайти в менеджер матеріалів і відкрити на редагування будь-яку статтю, то в тому місці, де на сайті виводиться фотогалерея, ми побачимо код виклику плагіна:

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

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

Давайте розглянемо наведений в прикладі код. По-перше, варто сказати, що його можна вставляти в не переходячи в режим HTML. Однак, він обов'язково повинен бути укладений у фігурні відкривають та закривають дужки, а різні параметри пишуться без пробілів, але відокремлюються один від одного символом «|».

Перший параметр «phocagallery» означає, що йде звернення до Phoca Gallery Plugin. Далі в параметрі «view» ви вказуєте, що саме хочете вивести на сторінку зі статтею - всі категорії, деякі фото з однією з них або ж switchimage (не знаю, що це таке). У нашому прикладі обраний другий варіант «view \u003d category»

Наступний параметром «categoryid» ми задаємо ID категорії, з якої будуть братися картинки. Дізнатися ID ви зможете, пройшовши з адмінки по шляху «Компоненти» - «Галерея» - «Категорії» і подивившись в останньому стовпчику «ID», навпроти потрібної вам.

У наступному параметрі «limitstart» ми задаємо початковий ID фотки в обраній раніше категорії. Дізнатися цей ID зможете, пройшовши з адмінки по шляху «Компоненти» - «Phoca» - «Зображення».

У вікні побачите список всіх завантажених в компонент зображень. Виберете зі спадного фільтра, розташованого над списком, назва потрібної вам категорії і в вікні, подивіться в останньому стовпчику «ID», навпаки того фото, з якого ви хочете почати показ слайд-шоу або фотогалереї.

У параметрі «limitcount» задаєте кількість фоток, наступних за обраним раніше в «limitstart» зображенням. Вони будуть братися в порядку зростання їх ID доти, поки з кількість не стане рівним числу, заданому в цьому параметрі.

У параметрі «detail \u003d 5» ви вказуєте спосіб показу повнорозмірних зображень при перегляді фотогалереї. Всього можна задати вісім варіантів:

Поставивши цифру 5, я вибрав мій улюблений спосіб показу - Highslide JS.

Все решта параметри плагіна:

Displayname \u003d 0 | displaydetail \u003d 0 | displaydownload \u003d 0 | imageshadow \u003d shadow1 | displaybuttons \u003d 0

означають, що я не хочу, щоб відображалося назва зображення, його деталі, кнопка для завантаження і інші кнопки. Правда, погоджуюся з показом тіні від фото. Ось і все, що я можу сказати з приводу наведеного прикладу використання Phoca Gallery Plugin в Joomla.

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

Удачі вам! До швидких зустрічей на сторінках блогу сайт

Вам може бути цікаво

Фотогалерея для Joomla - Частина 3 - Створення галерей в Joomla 1.5 за допомогою компонента Phoca Gallery - додавання категорій і завантаження зображень в фотогалерею
Розширення для Joomla - що це таке і де скачати компоненти, модулі та плагіни для Джумли, як їх встановлювати і видаляти
Компонент K2 для створення блогів, каталогів і порталів на Joomla - можливості, установка і русифікація
JComments - безкоштовний компонент коментарів з captcha для Joomla, його встановлення та налаштування
Модулі в Joomla - перегляд позиції, настройка і висновок, а так само призначення суфіксів класу
Модулі Joomla - TinyMCE, Load Module, Legacy і інші встановлені за замовчуванням

Іноді на сайті потрібна невелика галерея, наприклад для виведення декількох фотографій на сторінці або в статті.

Але ставити цілий компонент не хочеться.

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

Тому розглянемо як не витрачаючи зайвий час, зробити просту галерею в Joomla.
Є хороший плагін - Simple Image Gallery, він безкоштовний.

Установка звичайна.

Налаштування галереї

Після встановлення плагіну, переходимо Менеджер розширень - Модулі.

Знаходимо плагін Simple Image Gallery в списку і переходимо до налаштувань.

Їх не багато.

Root folder for image - тут вказується коренева папка для зберігання зображень галереї.
За замовчуванням це папка images, можна так і залишити.

Thumbnail width і height - це ширина і висота превьшек для фото, в пікселях.

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

Наприклад у мене це 791px.
Я хочу щоб виводилося по 3 фото в ряду.
Значить 791 ділимо на 3, виходить ~ 263px.
Це максимальна ширина для превью, при якій вони будуть вибудовуватися по 3 в ряду.

Треба по 4 в ряду? Значить ділимо ширину головної колонки на 4.

А з висотою дивіться самі, плагін просто зробить прев'юшки з вказаною висотою.
бажано щоб співвідношення сторін оригінальної фотографії та її прев'юшки були близькими.

Thumbnail image quality - якість превьюшек. Можна осатвіть 80.

Thumbnail cache expiration time - це час кешування превьюшек в хвилинах.
Тобто скільки зберігати зображення для превью в кеш-пам'яті.

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

Memory Limit - це обмеження на використання оперативної пам'яті сервера.
На звичайних віртуальних хостингах може не працювати.
Це потрібно якщо у вас дуже багато фотографій, і ви не хочете щоб галерея витрачала всі ресурси сервера.
В цьому випадку можна обмежити витрату пам'яті.

Це опція для досвідчених користувачів.

Підготовка зображень для галереї

Виберіть потрібні вам зображення на своєму комп'ютері.

Створіть папку на вашому сайті, в папці images, наприклад myfoto
Значить у вас вийти такий шлях:

Ваш_сайт / images / myfoto

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

Не робіть фотографії більше ніж екран ноутбука. Тобто ширини 1600px і висоти близько 900px цілком достатньо для просомтра зображень користувачами.
Стискайте підготовлені фото. У цьому вам допоможе сервіс TinyPNG, про нього написано
Він може стиснути картинку без втрати якості. Так ви поліпшите швидкість завантаження.
Щоб галерея виглядала красиво і рівно, бажано (але не обов'язково) щоб все зображення мали однакове співвідношення сторін.
Чи не розміри в пікселях, а саме співвідношення сторін. Наприклад, картинка 320 * 240px - це таке ж співвідношення що 480 * 640.
Таке співвідношення сторін 4 до 3.
Що таке співвідношення сторін подивіться

Висновок зображень на сайті

Тепер зображення завантажені в папку, для прикладу це була папка myfoto, яка знаходиться в папці images.

Зараз в будь-якій статті або матеріалі K2, досить вказати такий тег:

(Gallery) myfoto (/ gallery)

Тепер в статті, замість цього тега, будуть виводиться фотографії з папки images / myfoto

При кліці по превью, буде відкриватися оригінальне фото з ефектом lightbox, і фотографії можна перегортати.
При наведенні з'являється ікона лупи.

Якщо буде потрібно зробити ще одну галерею, то також створіть нову папку для неї, підготуйте і завантажте туди фото і вставте тег з ім'ям цієї папки в будь-якому місці статті Joomla або матеріалу K2.

адаптивність галереї

При звуженні екрану прев'юшки теж будуть вибудовуватися в доступній їм ширині.

В підсумку:

встановлюємо плагін
Вибираємо зображення на своєму комп'ютері, при необхідності стискаємо і обробляємо.
Створюємо папку для галереї і завантажуємо в неї ваші фото
Вставляємо до статті тег для виведення галереї.

Ось так, все просто, легко і без зайвих проблем.

Дякуємо за увагу)

Для виведення галереї всередині матеріалу використовується не компонент, а плагін Phoca Gallery.

Для цього використовується спеціальний код з параметрами.

Виглядати він може так:

(Phocagallery view \u003d category | categoryid \u003d 57 | limitstart \u003d 0 | limitcount \u003d 28 | detail \u003d 5 | displayname \u003d 0 | displaydetail \u003d 0 | displaydo wnload \u003d 0 | imageshadow \u003d shad ow1 | displaybuttons \u003d 0)

Цей код можна вставляти в візуальному редакторі Joomla, не переходячи в режим HTML.

Код обов'язково повинен бути укладений у фігурні дужки.

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

Повний список параметрів наведено на офіційному сайті.

phocagallery

view - визначає, що саме буде виведено на сторінку Joomla зі статтею.

Можливі варіанти: categories | category | switchimage - відображає всі категорії, певну картинку з категорії або the switch image Судячи з проведеного експерименту - одна будь-яка фотографія, призначається за номером ID. Приклад коду - нижче).

categoryid - число - ID категорії, яку ви хочете показати, в разі тільки однієї категорії.

imagecategories - 0 | 1 - показує або ховає зображення поряд з назвою категорії в списку всіх категорій Phoca Gallery.

imagecategoriessize -
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 - означає 0 - маленький | 1 - середній | 2 - маленька папка | 3 - середня папка | 4 - маленький з тінню | 5 - середній з тінню | 6 - маленький у вигляді папки з тінню | 7 - середній у вигляді папки з тінню - Розмір зображення поряд з назвою категорії

hidecategories - число - Ховає категорію з огляду категорій. Встановіть категорії (id категорій), які не повинні відображатися в списку категорій. Розділяються комою (,).

важливо

Коли ви копіюється код з сайту розробника, не копіюйте (і),
тому вони зроблені картинками. Коли ви додасте код в вашу статтю, надрукуйте (і) самостійно. Чи не розривайте рядки коду. Код повинен бути доданий в редакотр матеріалу без розривів.

відображення зображень

phocagallery - відображає плагін Phoca Gallery.

view - визначає, що саме буде виведено на сторінку Joomla зі статтею. Можливі варіанти: categories | category | switchimage.

categoryid - число - ID категорії, в якій збережено зображення (яке ви хочете відобразити)

imageid - число - ID зображення, яке ви хочете показати

imagerandom - 0 | 1 - Випадкове зображення включено (1) або відключено (0)

imageshadow - none | shadow1 | shadow2 | shadow3 - Виберіть зображення, яке буде відображатися в якості фону

limitstart - число - якщо ви хочете відобразити більше, ніж одну картинку. Від кожного зображення буде відображатися група картинок.

limitcount - число - якщо ви хочете відобразити більше, ніж одну картинку. Число зображень, які повинні бути показані

fontcolor - колір в форматі html - колір шрифту

bgcolor - колір в форматі html - колір фону

bgcolorhover - колір в форматі html - колір фону (ефект при наведенні миші)

imagebgcolor - колір в форматі html - фоновий колір картинки

bordercolor - колір в форматі html - колір рамки (ви можете використовувати bordercolor \u003d transparent, Щоб заховати рамку)

bordercolorhover - колір в форматі html - колір рамки (при наведенні миші)

detail - 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 - 0 - Modal Box | 1 - Standard Popup Window | 2 - Modal Box (only image) | 3 - Shadowbox | 4 - Highslide JS | 5 - Highslide JS (only image) | 6 - JAK lightbox | 7 - No Popup

displayname - 0 | 1 - 1 - показати або 0 - заховати назву
displaydetail - 0 | 1 показати або заховати URL посилання на вікно подробиць

displaydownload - 0 | 1 - 1 - показати або 0 - заховати URL посилання на вікно завантаження

displaybuttons - 0 | 1 - 1 - показати або 0 - заховати кнопку детального перегляду (кнопки слайдшоу)

float - left | right - ваше зображення може бути розташоване в тексті (left або right - плаваючі позиції CSS)

namefontsize - число - развмер шрифту назви (назва зображення в категорії - в пікселях)

namenumchar - число - число букв, які будуть показані в назві зображення.

displaydescription - 0 | 1 - Якщо ви встановили на 1 в Phoca Gallery і ви хочете відобразити це опис, коли клацають по зображенню в плагіні Phoca Gallery, ви повинні встановити його на 1.

descriptionheight - число - Якщо ви встановили Display Description attribute на 1 в Phoca Gallery і ви хочете відобразити це опис, коли клацають по зображенню в плагіні Phoca Gallery, ви повинні встановити Display Height, Тому що відкрилося вікно (Modal Popup Box або Standard Popup Window) має бути змінним.

enableswitch- 0 | 1 - дозволяє switch option (1), потрібна тільки якщо показується Switch Image, див. Нижче.

overlib - 0 | 1 | 2 | 3 - дозволяє ефект overlib, (1) Only Image, (2) Only Description, (3) Image and Description

piclens - 0 | 1 | 2 - enable PicLens (Cooliris) on
the site, (1) PicLens, (2) PicLens with start button (for browsers where
no PicLens support is installed)

imageordering - встановлює порядок зображень: 1 - по зростанню,
2 - за спаданням, 3 - за назвою в зростаючому порядку, 4 - за назвою в спадному, 5 - за датою в зростаючому, 6 -
за датою у зворотньому, 7 - по ID в зростаючому, 8 - по ID в спадному, 9 - Випадкове

pluginlink - встановлює тип посилання: 0 - посилання на докладне зображення, 1 - посилання на категорію, 2 - посилання на всі категорії.

type - встановлює тип зображення: 0 - стандартне середнє зображення, 1 - маленька картинка (мозаїчний ефект), 2 - велике зображення (для відображення єдиною картинки)

paddingmosaic - встановлює відступи музичного типу (в пікселях (px))

highslidedescription - використовуйте цей параметр, якщо ви хочете показати опис в Highslide JS (only image) method - 1 - Назва, 2 -
Опис, 3 - Назва і опис

Switch Image displaying

(Phocagallery view \u003d switchimage | switchhe ight \u003d 360 | switchwidth \u003d 416 | basicimageid \u003d 71)
(Phocagallery view \u003d category | categoryid \u003d 15 | limitstart \u003d 0 | limitcoun t \u003d 2 | enableswitch \u003d 1)

phocagallery - відображає плагін Phoca Gallery

view - categories | category | switchimage - відображає всі котегоріі, певні зображення з категорії або єдину картинку.

switchheight - число - висота великого ізобораженія

switchwidth- число - ширина великого ізображегія

basicimageid - число - ID зображення, яке буде показано.

VTEM ImageHover - чудове розширення, розроблене професійною командою розробників Vtem, який дозволяє відображати зображення на сайті з різними ефектами при наведенні на них курсору мишки. Використання бібліотеки JQuery, як і у фотошоп онлайн дає можливість вибрати тип відображення з 6 запропонованих варіантів. Для вибору потрібного ефекту достатньо вказати необхідний код накладення. Даний здатний якісно представляти інформацію на сторінках сайту з наочною презентацією матеріалів.

VTEM Popyey - оригінальний плагін від розробників Vtem, що дозволяє організувати перегляд галереї зображень, не залишаючи сторінки з матеріалом. Даний плагін використовує можливості скрипта JavaScript і бібліотеки jQuery, які пропонують кілька варіантів відображення графічних файлів. Використання плагіна дозволить заощадити місце при відображенні колекції зображень і надати особливої \u200b\u200bунікальності сайту. Для вибору типу відображення досить вказати правильний синтаксис, доступний на сторінці з демонстрацією роботи плагіна.

Simple Image Gallery Pro v2.5.7 - чергове оновлення відмінного плагіна від команди розробників JoomlaWorks, здатного створювати галереї зображень в матеріалах сайту. Для правильної роботи плагіна необхідно помістити всі фотографії в одну папку і опублікувати її в матеріалі, використовуючи спеціальні теги (gallery) myphotos (/ gallery), вказавши при цьому шлях до папки. У новій версії були виправлені незначні помилки із завантаженням зображень і додана сумісність з 2.5.

SJ Image Slideshow - новий від розробників зі студії SmartAddons, що дозволяє організувати наочне слайд - шоу зображень з матеріалів сайту. Даний модуль має адаптивними функціями, які дозволяють коректно відображатися вмісту на будь-яких мобільних платформах. Величезний список налаштувань модуля дозволить дуже гнучко налаштувати зовнішній вигляд ротатора для максимальної відповідності дизайну сайту. Є можливість налаштування розмірів модуля, вибору джерела виведення вмісту, включення показу додаткової інформації та багато іншого. Усього доступно 4 теми ротації, які містять різні ефекти анімації та оригінальні панелі навігації.

SJ Slider for JoomShopping - функціональний модуль відображення товарів, розроблений командою розробників SmartAddons. Даний модуль має адаптивним дизайном, що дозволяє коректно відображати товари на планшетних і мобільних платформах. Серед основних переваг модуля варто відзначити наявність трьох тем відображення вмісту, оптимізований під пошукові системи код файлів, сумісність з усіма браузерами і багато іншого. Налаштування модуля дозволяють дуже гнучко налаштувати роботу розширення з можливістю виведення додаткової інформації про кожен товар. Даний слайдер може бути використаний в якості вітрини найпопулярніших або рекомендованих товарів інтернет - магазину.

SJ Mega Slider for JoomShopping - чудовий слайдер для відображення товарів на сайті інтернет - магазину, побудованого на базі компонента JoomShopping. Даний модуль дозволяє відобразити в оригінальній і ефектною формі вміст будь-якого магазину. Чудовий дизайн макетів відображення з вбудованими навігаційними кнопками, дозволяє якісно збільшити функціонал сайту. Гнучкі настройки модуля дозволяють вибрати один з чотирьох варіантів виведення товарів, визначити кількість позицій, що беруть участь в ротації, і задати ефекти для ротації. Є можливість відображення додаткової інформації товарів: короткий опис, зображення і ціни. SJ Mega Slider відмінно оптимізований і коректно відображається на будь-яких мобільних пристроях і екранах.

Simple Image Gallery Pro v2.5.6 - оновлена \u200b\u200bверсія плагіна від команди розробників JoomlaWorks, здатного створювати галереї зображень в матеріалах сайту. Для правильної роботи плагіна необхідно помістити всі фотографії в одну папку і опублікувати її в матеріалі, використовуючи спеціальні теги (gallery) myphotos (/ gallery), вказавши при цьому шлях до папки. У новій версії були виправлені помилки з завантаженням зображень з сервісу Flickr, що дозволяє зберігати і переглядати користувачам мультимедійний контент.

Simple Image Gallery Pro v2.5.5 - актуальна версія відмінного плагіна від розробників JoomlaWorks, що дозволяє створювати галереї зображень в матеріалах сайту. Для правильної роботи плагіна необхідно помістити всі фотографії в одну папку і опублікувати її в матеріалі, використовуючи спеціальні теги (gallery) myphotos (/ gallery), вказавши при цьому шлях до папки.