Текст поверх изображения Fancybox

Question

Я использую Fancybox3 для отображения некоторых изображений и хочу разместить текст поверх изображения.Это работает, когда я редактирую файл javascript следующим образом:

test

С этим у меня есть текст на реальном изображении.Но этот текст становится большим, когда Fancybox увеличивает и уменьшает изображение.Почему это происходит, и есть ли способ решить эту проблему?

Я хочу, чтобы изображение загружалось простым текстом вместо изображения.

Answer 1

Вы можете использовать .fancybox-is-scaling имя класса, чтобы скрыть текст во время масштабирования изображения, аналогично этой демонстрации - https://codepen.io/fancyapps/pen/ePYNZo.

Сценарий использует CSS transform: scale() для масштабирования для повышения производительности,но побочным эффектом является то, что все зависит от контейнера.