Резиновый Fancybox

Автор Killbi4, 25 марта 2014, 18:05:03

« назад - далее »

Killbi4

Возникла такая трабла. На сайте имеются картинки разных размеров как квадратные так и прямоугольные. К каждому товару привязаны 2-3 картинки. Когда нажимаешь посмотреть полный размер, то открывается бокс. В нем не дефолтная картинка, а переконверченая с какими-то непонятными белыми полями. Настройки картинок в бекофисе на отображение никак не влияют. Отсюда возникает несколько вопросов, может кто-то уже решил..

1. Как сделать, чтобы при открытии увеличенной картинки открывалась тупо дефолтная и растягивалась по максимуму в зависимости от разрешения экрана?
2. Возможно ли убрать белые поля вокруг картинок, чтобы бокс обтекал по контуру, независимо от того, квадратная или прямоугольная картинка?

Может быть подключить какую-нибудь альтернативу Fancybox?  Проштудировал кучу инфы на данную тему, но внятного решения так и не нашел.

Сайт: /http://oboiko.ru/oboi-marburg-versailles-xxl/462-oboi-marburg-versailles-xxl-54312.html

Killbi4

Сам спросил и сам отвечаю! Надо было выставить нули в Настройки  > Изображения > thickbox_default . Ноль по ширине и ноль по длине картинке) Целый день сегодня решение искал. И все стало как надо по п. 1 и п. 2.

coder

Только собрался отвечать, а уже ответ. Тогда про альтерантивы напишу. Сам искал, потом отказался.  Если уже так нужно сменить, то лучше сразу тему взять с другим вариантом. Альтернативы есть, такие как Shadowbox, Lightbox и т.д.  Встраивать в prestashop нужно будет самому.

Arman

Цитата: Killbi4 от 25 марта 2014, 21:58:54
Сам спросил и сам отвечаю! Надо было выставить нули в Настройки  > Изображения > thickbox_default . Ноль по ширине и ноль по длине картинке) Целый день сегодня решение искал. И все стало как надо по п. 1 и п. 2.
Друзья, я понимаю, что на дворе 2017ый год, но задачи стоят те же (при увеличении картинка должна растягиваться на весь экран по высоте, даже если по факту высота картинки меньше. Дело в том, что в основном меня интересует как это будет выглядеть при просмотре на сотовом телефоне), а предложенные решения не срабатывают: tm_thickbox_default ставлю 0 и по высоте и по длине.
Пункт "Создать изображения, основанные на одной стороне исходного изображения" ставлю "Высота"

Никаких изменений: всплывает бокс с белыми рамками, листаешь себе небольшую картинку, скучно...


Adik

Белые поля убирают изменением фона в ImageManager.php
Размеры меняют в настроках изображений.

Arman

Цитата: Adik от 09 июля 2017, 11:13:47
Белые поля убирают изменением фона в ImageManager.php
Размеры меняют в настроках изображений.
Меняю настройки изображений на 0. Результат такой же 0

DarinSr

Размер не может быть 0. Размеры задают по самому большому разрешению, для которого сделан сайт.

Arman

Цитата: DarinSr от 09 июля 2017, 11:48:35
Размер не может быть 0. Размеры задают по самому большому разрешению, для которого сделан сайт.
Понял. А как сделать, чтобы определялась высота экрана и по ней выводилось изображение. Важна именно высота, поскольку нужно чтобы на экране телефона, который обычно держат вертикально, изображение выводилось в полную высоту.

Миколас

$(window).width(); //Ширина браузера
$(window).height(); //Высота браузера

Браузера высоту определять нужно, так как элементы страницы позиционируются в окне браузера.

Arman

Цитата: Миколас от 09 июля 2017, 12:41:52
$(window).width(); //Ширина браузера
$(window).height(); //Высота браузера

Браузера высоту определять нужно, так как элементы страницы позиционируются в окне браузера.
Пожалуйста, подскажи, куда это вставлять?

Миколас


Arman

#11
Цитата: Миколас от 09 июля 2017, 12:59:01
В global.js можно.
Просто вставить эти две строчки в любое метсто в global.js и больше никаких параметров нигде менять не надо?

Я тут попытался отредактировать global.js и тут такое::::