Надстройка ColorBox

Текст ссылкиТекст ссылкиТекст ссылки

Демо Colorbox

Эластичный переход (Elastic)

Grouped Photo 1

Grouped Photo 2

Grouped Photo 3

Теневой переход

Grouped Photo 1

Grouped Photo 2

Grouped Photo 3

Без переходов + фиксированные ширина и высота (75% от размера экрана)

Grouped Photo 1

Grouped Photo 2

Grouped Photo 3

Показ слайдов

Grouped Photo 1

Grouped Photo 2

Grouped Photo 3

Другие типы содержимого

Внешний HTML (Ajax)

Flash / Видео (Iframe/Прямая ссылка на YouTube)

Flash / Видео (Iframe/Прямая ссылка на Vimeo)

Внешняя страница (Iframe)

Встроенный (Inline) HTML

Обратные вызовы

Example with alerts. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.

Картинки для яблочников (Retina)



This content comes from a hidden element on this page.

The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.

Click me, it will be preserved!

If you try to open a new Colorbox while it is already open, it will update itself with the new content.

Пример обновления содержимого:
Щёлкните здесь для загрузки нового содержимого


Sections: На русском

Add a comment (send an owl)

Your e-mail will not be published. Required fields are marked *


1. If you want to display a comment only to employees of the site - add the word "top_secret" ;-)
2. Our emoticons (opens in a new tab)
3. To add a picture in a comment, use the services of photo hosting, for example https://postimage.org/, suitable HTML-code to insert (radikal.ru and hung with such advertisements with a rating higher than 12+ options should be avoided).
To place file, you can use a file hosting, for example, Yandex. Drive.
If you have chosen not the best option, after viewing your comment links are deleted, but the data will still be accepted for consideration.

(с) 2010-2020 The project team hp-games.net. 16+ Cookies Privacy Policy Financial assistance to the project (Donate)

Authors and sources are listed for each material individually or in the page About the project. If you are using materials from this site, be sure to post a link to them.