XPopup Site — сайт документации и примеров

Сайт документации для jQuery-плагина XPopup. Содержит интерактивные примеры использования всех возможностей плагина: типы контента, цепочки окон, галереи изображений, скины, API и события.

🌐 xpopup.site

---

О сайте

Сайт написан на PHP и представляет собой живую документацию по плагину XPopup. Каждый раздел содержит не только описание и примеры кода, но и работающие кнопки, открывающие попапы — можно сразу увидеть результат.

Что есть на сайте

• Примеры для каждого типа контента — изображения, AJAX, inline, iframe
• Цепочки окон — пошаговые мастера, кнопка «Назад», модальные подтверждения
• Независимые боксы — несколько параллельных попапов с разными скинами
• Галереи изображений — свайпы, предзагрузка, зум, карусель
• Все скины — светлые и тёмные версии с живым переключением
• API и события — программное управление, события жизненного цикла
• Лоадеры — встроенные спиннеры, skeleton screens, кастомные загрузчики
• Настройки — размеры, позиционирование, кнопка закрытия, History API

Плагин XPopup

Сам плагин находится в отдельном репозитории: XPopup

Сайт подключает плагин как Git submodule, поэтому в репозитории сайта нет дублирования кода плагина.

---

📂 Структура

xpopup_site/
├── assets/
│ └── xpopup/ # Git submodule — плагин XPopup
├── pages/
│ ├── index.php # Главная
│ ├── examples/ # Примеры использования
│ │ ├── image-gallery.php
│ │ ├── ajax-content.php
│ │ ├── inline-content.php
│ │ ├── iframe-content.php
│ │ ├── multiple-windows.php
│ │ ├── skins-dark-mode.php
│ │ └── api-events.php
│ └── ...
├── .gitmodules
└── README.md

---

🚀 Установка

# Клонирование вместе с плагином (submodule)
git clone --recursive https://github.com/denisano/xpopup_site.git

# Если клонировали без --recursive
cd xpopup_site
git submodule init
git submodule update

Требования

PHP 7.4+

Веб-сервер (Apache, Nginx)

Плагин XPopup подключается автоматически через submodule

🔗 Связанные проекты

XPopup — плагин

📄 Лицензия

MIT License.