---
title: "WT Lightbox2.js для Joomla разработчиков - WebTolk"
description: "Этот плагин для разработчиков Joomla. Плагин регистрирует Lightbox2.js пакет в Joomla Web Assets Manager. Затем вы можете использовать его в своих расширениях."
url: "https://web-tolk.ru/dev/joomla-plugins/wt-lightbox2-js"
date: "2026-06-18T22:09:41+00:00"
language: "ru-RU"
---

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

---

# WT Lightbox2.js для Joomla разработчиков

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

3809 3810 CTR 100% Plg Free

[Скачать](https://web-tolk.ru/get?element=wtlightbox2js)[Версии](https://web-tolk.ru/dev/joomla-plugins/wt-lightbox2-js/versions)[Документация](https://lokeshdhakar.com/projects/lightbox2/#getting-started)[GitHub](https://github.com/lokesh/lightbox2)[JED](https://extensions.joomla.org/extension/core-enhancements/libraries/wt-lightbox2-js/)

Этот плагин для разработчиков Joomla. Плагин регистрирует Lightbox2.js пакет в Joomla Web Assets Manager. Затем вы можете использовать его в своих расширениях.

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

## Описание

## Как работать с Lightbox2 и Joomla?

Это плагин для Joomla-разработчиков. Он позволяет в любом месте Joomla 4 использовать [Lightbox2.js](https://lokeshdhakar.com/projects/lightbox2/#getting-started): в модулях, компонентах, плагинах.

Для этого в Вашем коде используйте

```
<?php
use Joomla\CMS\Factory;

$wa = Factory::getApplication()->getDocument()->getWebAssetManager();
$wa->usePreset('lightbox2')->useScript('jquery');
```

Lightbox2 для работы требуется библиотека jQuery.

Плагин можно использовать как зависимость при разработке своих расширений для Joomla 4. Плагин использует систему обновления Joomla 4.

### HTML разметка

**Одиночное изображение.** Добавьте атрибут `data-lightbox` к каждой ссылке на изображение и Lightbox включится автоматически. В значении атрибута укажите уникальное имя для каждого изображения. Например:

```
<a href="/images/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>
```

*Опции:*

- Укажите атрибут `data-title`, если хотите показывать заголовок изображения.
- Укажите атрибут `data-alt` для указания атрибута `alt` для данного изображения.

**Галереи изображений**. Если вы хотите отображать несколько изображений в виде галереи, вы можете использовать для ссылок на них одинаковое значение атрибут `data-lightbox`. Например:

```
<a href="/images/image-2.jpg" data-lightbox="roadtrip">Image #2</a>
<a href="/images/image-3.jpg" data-lightbox="roadtrip">Image #3</a>
<a href="/images/image-4.jpg" data-lightbox="roadtrip">Image #4</a>
```

### Опции скрипта

Если вы хотите указать больше опций для Lightbox2 - вызовите метод `option`.

```
<script>
    lightbox.option({
      'resizeDuration': 200,
      'wrapAround': true
    })
</script>
```

[Подробнее об опциях Lightbox2](https://lokeshdhakar.com/projects/lightbox2/#options)

## Joomla

 **Тип расширения:** Плагин **Каталог:** System **Версия Joomla:** 4.0.0, 5.1.4, 6.0.3

## Галерея

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

## Что нового

 02.03.2026, 11:04:51

Добавлено

### v.2.12.0

Обновление до версии 2.12.0

---

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

[!\[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 Content Image gallery\](https://web-tolk.ru/images/swjprojects/projects/73/ru-RU/icon.webp) WT Content Image gallery](https://web-tolk.ru/dev/joomla-plugins/wt-content-image-gallery)

## 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 Lightbox2.js для Joomla разработчиков"
            }
        }
    ]
}
```

```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-lightbox2-js",
            "name": "WT Lightbox2.js для Joomla разработчиков - WebTolk",
            "description": "Этот плагин для разработчиков Joomla. Плагин регистрирует Lightbox2.js пакет в Joomla Web Assets Manager. Затем вы можете использовать его в своих расширениях.",
            "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 Lightbox2.js для Joomla разработчиков",
            "url": "https://web-tolk.ru/dev/joomla-plugins/wt-lightbox2-js",
            "description": "Этот плагин для разработчиков Joomla. Плагин регистрирует Lightbox2.js пакет в Joomla Web Assets Manager. Затем вы можете использовать его в своих расширениях.",
            "applicationCategory": "Плагины Joomla",
            "softwareVersion": "2.12.0",
            "downloadUrl": "https://web-tolk.ru/get?element=wtlightbox2js",
            "image": "https://web-tolk.ru/images/swjprojects/projects/72/ru-RU/icon.webp",
            "operatingSystem": "ANY",
            "interactionStatistic": [
                {
                    "@type": "InteractionCounter",
                    "interactionType": "https://schema.org/DownloadAction",
                    "userInteractionCount": 3809
                },
                {
                    "@type": "InteractionCounter",
                    "interactionType": "https://schema.org/ViewAction",
                    "userInteractionCount": 3811
                }
            ],
            "mainEntityOfPage": {
                "@type": "WebPage",
                "url": "https://web-tolk.ru/dev/joomla-plugins/wt-lightbox2-js"
            },
            "softwareRequirements": "Joomla",
            "applicationSubCategory": "Плагины Joomla, Расширения для Joomla 4 - Joomla 6, Веб-ассеты",
            "isAccessibleForFree": true
        }
    ]
}
```
