Как показать fancybox только в 90% ширины браузера, а не в 100%?

Question

Я использую плагин Fancybox для отображения изображений в полноэкранном режиме при нажатии. Можно ли отобразить его только при ширине 90% и высоте 90%, а не в полноэкранном режиме?

Кроме того, какие и все классы / div я должен использовать для стилизации Fancybox?

Answer 1

Есть несколько вариантов, если вы посмотрите на модные API:
Я не знаю, работает ли это в процентах, но я думаю, что легко пересчитать проценты через JS.

padding     10  Space between FancyBox wrapper and content
margin  20  Space between viewport and FancyBox wrapper

http://fancybox.net/api

однако также может быть решение с помощью css;)

Answer 2

Принимая сайт fancybox.net в качестве ссылки, вот стили, которые вы можете применить, чтобы получить свой 90% × 90% fancybox:

Примечание: примените их после загрузки собственного CSS-файла плагина- перезаписать значения по умолчанию.

#fancybox-overlay {
  position: fixed;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90% !important;
}

#fancybox-wrap {
  position: fixed;
}

Отказ от ответственности: я не проводил никаких испытаний по этому вопросу.Для стилей / идентификаторов могут потребоваться некоторые изменения.