---
title: "WT Content Image gallery плагин галереи изображений и видео для Joomla - WebTolk"
description: "Пакет плагинов галереи изображений и видео для вставки в материалы и модули Joomla, а так же везде, где работают плагины группы content."
url: "https://web-tolk.ru/dev/joomla-plugins/wt-content-image-gallery"
date: "2026-06-08T13:20:04+00:00"
language: "ru-RU"
---

![WT Content Image gallery](https://web-tolk.ru/images/swjprojects/projects/73/ru-RU/cover.webp)

---

# WT Content Image gallery

- **Категории:** [Плагины Joomla](https://web-tolk.ru/dev/joomla-plugins), [Расширения для Joomla 4 - Joomla 6](https://web-tolk.ru/dev/rasshireniya-dlya-joomla-4)
- **Версия:** 1.2.3.1
- **Дата:** 08 октября 2025

6671 7152 CTR 93% Pack Free

[Скачать](https://web-tolk.ru/get?element=pkgwtcontentimagegallery)[Версии](https://web-tolk.ru/dev/joomla-plugins/wt-content-image-gallery/versions)[GitHub](https://github.com/WebTolk/WT-Content-Image-Gallery)[JED](https://extensions.joomla.org/extension/photos-a-images/galleries/wt-content-image-gallery/)

Пакет плагинов галереи изображений и видео для вставки в материалы и модули Joomla, а так же везде, где работают плагины группы content.

![WT Content Image gallery](https://web-tolk.ru/images/swjprojects/projects/73/ru-RU/icon.webp)

## Описание

Пакет включает в себя 2 плагина: группы `content` и `editors-xtd`, не забудьте включить их.

## Шорт-код плагина

- `{ gallery }...{/gallery}` - макет `default`
- `{ gallery tmpl=tmplName }...{ /gallery }` - макет `tmplName.php` в `plugins/content/wtcontentimagegallery/tmpl`

## Вставка галереи изображений Joomla

### Путь к папке с картинками

`{ gallery tmpl=tmplName }images/path/to/images{ /gallery }`

#### Атрибуты alt и title из файла labels.txt

Если Вы вставляете путь к директории с изображениями, то Вы можете указать для каждого изображения атрибуты `alt` и `title` в файле `labels.txt`, который следует положить в директорию рядом с изображениями. В конце строки символ `|` помещать не нужно.

Содержимое файла должно содержать информацию в следующем виде: `имя_файла.webp | атрибут alt | атрибут title`. Для каждого файла информация содержится в отдельной строке. `Title` для изображений можно не указывать, тогда строка будет вида `image_2.webp|alt for image_2`.

```
image_1.webp|alt for image_1|title for image 1
image_2.webp|alt for image_2
image_3.webp|alt for image_3|title for image 3
```

### Список путей к файлам, разделённые запятыми

`{ gallery tmpl=tmplName }images/photo_1.webp, images/folder1/photo_2.webp, images/folder4/folder16/photo_3.webp{ /gallery }`

### HTML-код между тегами

`{ gallery tmpl=tmplName }<p> <img src="/images/photo_1.webp" alt="Alt attribute"/> </p> <ul> <li><img src="/images/folder_3/photo_114.webp" alt="Alt attribute"/> </li></ul>{ /gallery }`

## Предустановленные макеты

| Макет | Описание |
| --- | --- |
| `default` | Адаптивная Bootstrap 5 "стена" фотографий. Это файл-образец. Создавайте на его основе свои собственные макеты со своими скриптами. |
| `bs5-carousel` | Bootstrap 5 слайдер изображений с настройками по умолчанию. |
| `wt-lightbox2` | Lightbox2 галерея изображений с настройками по умолчанию. Требует установленного плагина [WT Lightbox 2](https://web-tolk.ru/dev/joomla-plugins/dev/joomla-plugins/wt-lightbox2-js), который подключает Lightbox2 в Joomla 4. |
| `wt-swiper-carousel` | Swiper.js галерея изображений с настройками по умолчанию. Требует установленного плагина [WT JSwiper](https://web-tolk.ru/dev/joomla-plugins/dev/joomla-plugins/wt-jswiper), который подключает Swiper.js в Joomla 4. |
| `wt-masonry` | Masonry.js галерея изображений с настройками по умолчанию. Требует установленного плагина [WT Masonry.js](https://web-tolk.ru/dev/joomla-plugins/dev/joomla-plugins/wt-masonry-js), который подключает masonry.js в Joomla 4. |

## Макет по умолчанию для `tmpl=default`

Вы могли пользоваться ранее другими плагинами, которые используют тот же шорт код . Чтобы не редактировать все старые статьи можно указать макет вывода по умолчанию для тех случаев, когда не указан параметр `tmpl` или он равен `tmpl=default`. Тогда все старые шорт-коды будут обрабатываться контент-плагином с указанным в его настройках макетом по умолчанию.

## Файлы видео в галерее

Плагин поддерживает видеофайлы HTML5 - mp4, webm, ogv. Все способы добавления файлов в галерею определяют видео файлы. Для тега video согласно спецификации HTML5 нужно указывать атрибут poster - картинку, которая будет показана в качестве заставки до начала воспроизведения видео. Файл poster-изображения для видео должен иметь такое же название, как и сам файл видео и находиться в той же папке. Тогда плагин найдёт и будет использовать его автоматически.

## Демо видео

## Создание собственных макетов галереи изображений

Макеты вывода находятся в папке `tmpl` контент плагина - `plugins/contents/wtcontentimagegallery/tmpl`. Скопируйте файл default.php, переименуйте его и внедрите свою HTML вёрстку и javascript. Желательно подключать файлы с помощью Web Asset Manager, сами скрипты размещать в папке media плагина либо оформлять самостоятельными плагинами, наподобие WT JSWiper. Подробно об этом написано в статье [Использование WebAssetsManager Joomla 4 и добавление собственных пресетов с помощью плагина](https://web-tolk.ru/dev/joomla-plugins/index.php?option=com_content&view=article&id=53:ispolzovanie-webassetsmanager-joomla-4-i-dobavlenie-sobstvennykh-presetov-s-pomoshchyu-plagina&catid=10:blog&lang=ru-RU&Itemid=114)

```
<?php
/**
 * @package       WT Content Image gallery
 * @version       1.2.0
 * @Author        Sergey Tolkachyov, https://web-tolk.ru
 * @copyright     Copyright (C) 2023 Sergey Tolkachyov
 * @license       GNU/GPL http://www.gnu.org/licenses/gpl-3.0.html
 * @since         1.0.0
 */

use Joomla\CMS\HTML\HTMLHelper;

defined('_JEXEC') or die;

/**
 * Note! This is a demo layout that shows how to access the list of images in PHP.
 * It is not intended for use on websites and serves simply as a sample.
 *
 * @var $context  string  Like 'com_content.article'
 * @var $images   array Images array
 * @var $iterator int regex iterator - 0, 1, 2 etc. Shortcode number
 *
 * For your images gallery layouts your can make unique id or data-attributes
 * combining $context and $iterator.
 * For example: <img src="'.$image['img_src'].'" id="'.$context.'-'.$iterator.'" />
 * You will receive: <img src="/images/you-image.webp" id="com_content.article-0" />
 */

//echo '<pre>';
//print_r($images);
//echo '</pre>';

/**
 * @var $unique string Unique string for unique id.
 */
$unique = str_replace(['-','.'],'_',$context).'_' . $iterator;
?>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5">
	<?php foreach ($images as $image) :?>
		<div class="col mb-3">
			<?php
			if ($image['type'] == 'image')
			{
				$img_attribs = [
					'class' => 'img-fluid',
					//'data-title' => 'You can specify any other image attribute like array key and value',
					'id'    => $context . '-' . $iterator
				];
                if(!empty($image['img_title'])){
                    $img_attribs['title'] = $image['img_title'];
                }
				echo HTMLHelper::image($image['img_src'], $image['img_alt'], $img_attribs);
			} elseif ($image['type'] == 'video') {
				?>
                <video class="img-fluid" controls="controls" muted="muted" loop="loop" autoplay="autoplay"
                       src="/<?php echo $image['video_src']; ?>" poster="/<?php echo $image['video_poster']; ?>"/>
				<?php
			}
			?>
		</div>
	<?php endforeach; ?>
</div>
```

## Joomla

 **Тип расширения:** Пакет **Состав пакета:** Пакет **Версия Joomla:** 4.3.0, 4.3.4, 4.4.0, 5.1, 5.2.1, 6.0.0

## Галерея

![...](https://web-tolk.ru/dev/joomla-plugins/images/swjprojects/projects/73/ru-RU/gallery/nVxIyK6IHcl.webp)

![...](https://web-tolk.ru/dev/joomla-plugins/images/swjprojects/projects/73/ru-RU/gallery/Fg9U0jO99rn.webp)

![...](https://web-tolk.ru/dev/joomla-plugins/images/swjprojects/projects/73/ru-RU/gallery/dN4O5Rh3Cy2.webp)

## Что нового

 08.10.2025, 08:39:26

Примечание

### Мелкие правки

Исправление ошибки при ручном деплое

---

## Смотрите также

[!\[WT Bootstrap image slider, модуль слайдера изображений\](https://web-tolk.ru/images/swjprojects/projects/7/ru-RU/icon.webp) WT Bootstrap image slider, модуль слайдера изображений](https://web-tolk.ru/dev/joomla-modules/wt-bootstrap-image-slider)

[!\[WT JSwiper - SWiper.js для Joomla-разработчиков\](https://web-tolk.ru/images/swjprojects/projects/51/ru-RU/icon.webp) WT JSwiper - SWiper.js для Joomla-разработчиков](https://web-tolk.ru/dev/joomla-plugins/wt-jswiper)

[!\[WT SP Easy Image Gallery insert\](https://web-tolk.ru/images/swjprojects/projects/68/ru-RU/icon.jpg) WT SP Easy Image Gallery insert](https://web-tolk.ru/dev/joomla-plugins/wt-sp-easy-image-gallery-insert)

[!\[WT Lightbox2.js для Joomla разработчиков\](https://web-tolk.ru/images/swjprojects/projects/72/ru-RU/icon.webp) WT Lightbox2.js для Joomla разработчиков](https://web-tolk.ru/dev/joomla-plugins/wt-lightbox2-js)

[!\[WT Masonry.js\](https://web-tolk.ru/images/swjprojects/projects/75/ru-RU/icon.webp) WT Masonry.js](https://web-tolk.ru/dev/joomla-plugins/wt-masonry-js)

[!\[WT JShopping Swiper.js carousel\](https://web-tolk.ru/images/swjprojects/projects/78/ru-RU/icon.webp) WT JShopping Swiper.js carousel](https://web-tolk.ru/dev/joomla-modules/wt-jshopping-swiper-js-carousel)

## JSON-LD Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "@id": "https://web-tolk.ru/#/schema/BreadcrumbList/17",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "item": {
                "@id": "https://web-tolk.ru/",
                "name": "Главная"
            }
        },
        {
            "@type": "ListItem",
            "position": 2,
            "item": {
                "@id": "https://web-tolk.ru/dev",
                "name": "Расширения Joomla"
            }
        },
        {
            "@type": "ListItem",
            "position": 3,
            "item": {
                "@id": "/dev/joomla-plugins",
                "name": "Плагины Joomla"
            }
        },
        {
            "@type": "ListItem",
            "position": 4,
            "item": {
                "name": "WT Content Image gallery"
            }
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "@id": "https://web-tolk.ru/#/schema/Organization/base",
            "name": "WebTolk",
            "url": "https://web-tolk.ru/",
            "logo": {
                "@type": "ImageObject",
                "@id": "https://web-tolk.ru/#/schema/ImageObject/logo",
                "url": "images/webtolk-1080p.jpg",
                "contentUrl": "images/webtolk-1080p.jpg",
                "width": 1920,
                "height": 1080
            },
            "image": {
                "@id": "https://web-tolk.ru/#/schema/ImageObject/logo"
            },
            "sameAs": [
                "https://github.com/WebTolk",
                "https://github.com/sergeytolkachyov",
                "https://vk.com/web_tolk",
                "https://vk.com/webtolkru",
                "https://tenchat.ru/sergeytolkachyov",
                "https://t.me/sergeytolkachyov",
                "https://t.me/webtolkru"
            ]
        },
        {
            "@type": "WebSite",
            "@id": "https://web-tolk.ru/#/schema/WebSite/base",
            "url": "https://web-tolk.ru/",
            "name": "WebTolk",
            "publisher": {
                "@id": "https://web-tolk.ru/#/schema/Organization/base"
            }
        },
        {
            "@type": "WebPage",
            "@id": "https://web-tolk.ru/#/schema/WebPage/base",
            "url": "https://web-tolk.ru/dev/joomla-plugins/wt-content-image-gallery",
            "name": "WT Content Image gallery плагин галереи изображений и видео для Joomla - WebTolk",
            "description": "Пакет плагинов галереи изображений и видео для вставки в материалы и модули Joomla, а так же везде, где работают плагины группы content.",
            "isPartOf": {
                "@id": "https://web-tolk.ru/#/schema/WebSite/base"
            },
            "about": {
                "@id": "https://web-tolk.ru/#/schema/SoftwareApplication/base"
            },
            "inLanguage": "ru-RU",
            "breadcrumb": {
                "@id": "https://web-tolk.ru/#/schema/BreadcrumbList/17"
            }
        },
        {
            "@type": "SoftwareApplication",
            "name": "WT Content Image gallery",
            "url": "https://web-tolk.ru/dev/joomla-plugins/wt-content-image-gallery",
            "description": "Пакет плагинов галереи изображений и видео для вставки в материалы и модули Joomla, а так же везде, где работают плагины группы content.",
            "applicationCategory": "Плагины Joomla",
            "softwareVersion": "1.2.3.1",
            "downloadUrl": "https://web-tolk.ru/get?element=pkgwtcontentimagegallery",
            "image": "https://web-tolk.ru/images/swjprojects/projects/73/ru-RU/icon.webp",
            "operatingSystem": "ANY",
            "interactionStatistic": [
                {
                    "@type": "InteractionCounter",
                    "interactionType": "https://schema.org/DownloadAction",
                    "userInteractionCount": 6671
                },
                {
                    "@type": "InteractionCounter",
                    "interactionType": "https://schema.org/ViewAction",
                    "userInteractionCount": 7153
                }
            ],
            "mainEntityOfPage": {
                "@type": "WebPage",
                "url": "https://web-tolk.ru/dev/joomla-plugins/wt-content-image-gallery"
            },
            "softwareRequirements": "Joomla",
            "applicationSubCategory": "Плагины Joomla, Расширения для Joomla 4 - Joomla 6",
            "isAccessibleForFree": true
        }
    ]
}
```
