Плагин по типу fancybox, lightbox но описание картинки не через data-атрибуты или title?

Question

[mhvrt]

Всем привет, не подскажите плагин/решение по типу fancybox или lightbox, где описание к картинке (caption) вставлятся не через data- атрибуты или title, а отдельно, скажем, в каком-нибудь div. Нужно чтобы вставлять небольшой, но тем не менее с кучей инлайн стилей, кусок html-кода (из редактора приходит)

Схематично как должно выглядеть

Comments

[Ankhena]

Их же можно применять не только к картинкам, а к figure, например. А в figcaption пишите, что душа желает.

[mhvrt]

а можете ссылку скинуть, пожалуйста? Если имеете ввиду inline, то не подходит т.к. он только для текста, и если пытаться засунуть туда картинку то ужас выходит она не масштабируется

[Ankhena]

mhvrt: типа того: ruseller.com/lessons/les238/index.html

[mhvrt]

видите жирным Свой контент в модальном окне, это называется inline, но пользователь может в этот блок добавить не понятно какое изображение, и сколько текста - на разных разрешениях появляется скролл вертикальный чего не хотелось бы

[Ankhena]

mhvrt: 1. Ответ лучше писать с помощью кнопки ответить, тогда тот кому Вы отвечаете об этом узнает. У меня вообще случайно эта страница осталась открытой.

2. Надо определиться с тем, что пользователь может добавить что ему придет в голову и будет прокрутка.
Логично: много контента - будет скролл. Вы бы какое поведение хотели?
Ограничьте размер картинки max-height: хх%, ограничьте количество вводимых символов, обрежьте overflow и т.д.
Как именно поступать отсюда не видно в Вашем случае.

3. Вообще, по описанию, не вижу смысла в готовом плагине. Открываете нужный Вам блок с кодом в модалке, задаете тень, в CSS пишете, чего душа желает.

Answer 1

[raxweb]

Это реализуется через оригинальный fancybox 3 с небольшим дополнением.
Текст надписи к картинке необходимо поставить в span.
Вот пример и скрипт: aceweb.ru/articles/ajax/fancybox-caption.php