Question

Добрый день господа! На сайте http://ds-doma.ru/board/3-1-0-1 картинки выводятся через ulightbox. 

Не нашёл информации, как сделать, чтобы при клике картинка закрывала 95% экрана по ширене. (если картинка больше ширены экрана)

 

Comments

• > подскажите почему картинка 1024 пикселя по ширине в всплывающем окне 770 пикселей. а не 1024 ведь ширина 100% в вашем решении к этой теме
• >> Это автоматические размеры под разрешение экрана устройства посетителя. Так работает скрипт библиотеки лайтбокс. В данном случае как я говорил идеального решения нет.

---

Yuri_Geruk,

Вот на этом сайте  у меня всё отлично работает стоит только класс ulightbox.

И всё работает как часы. И масштабируется на всех устройствах как нужно и рамка тонкая, картинка распологается по центру. А на сайте Дачного Стиля так сделать не получается как так то ?

---

Тимур Изотов,

Поправил стили ниже, так вроде хорошо смотрится. Не забудьте кеш очистить https://ukit.com/ru/help/kak-ochistit-cahe перед проверкой результатов. Многое еще зависит от шаблона который на сайте установлен (сам дизайн и особенность его стилей). Сайты разные и работает везде по разному.

Answer 1

Делается примерно так, в стили прописать:

.fancybox-wrap,.fancybox-inner {max-width: 100%!important;height:auto!important;}
.fancybox-outer{max-width: 80%!important;height:auto!important;}

это не идеальное решение, но лучше чем стандартно.