Лайтбокс для изображений и видео, x-lightbox — дополнительный bb код Опции

[san]

Лайтбокс для изображений и видео

Достаточно популярная задача: открыть картинку во всплывающем окне по текстовой или графической ссылке.

Реализуется достаточно просто с помощью BB-кода [x-lightbox]:

Код

[x-lightbox=https://адрес-картинки.png]Открыть изображение[/x-lightbox]

Понятно, что Адрес картинки — это адрес картинки (url), а Открыть изображение — текст ссылки, при нажатие на которую картинка и откроется:
Открыть изображение Нажал?..

Ссылка может быть и графической, в виде картинки-превью или значка-иконки. Но: «автоматически» — превью изображения скрипт «не производит».

Код

[x-lightbox=https://arcanumclub.org/images/beer/humor/guronart-artis.jpg][img]https://san2.ru/smiles/drawing.gif[/img][/x-lightbox]

Выглядит результат манипуляции следующим образом:  Нажал?.. (в качестве иконки-превью — смайлик)

Превью можно/придется делать вручную (или использовать html верстку).