galleria javascript обрезает верх и низ изображений при просмотре в Firefox Chrome и IE

Question

galleria javascript обрезает верх и основание изображений при просмотре в Firefox Chrome и IE

Однако в Safari такой проблемы не существует.

Пожалуйста, посмотрите проблему здесь http://galleria.aino.se/media/galleria/src/themes/fullscreen/fullscreen-demo.html

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

Мы используем галерею.js полноэкранный режим для темы WordPress, и все наши изображения имеют одинаковый размер, поэтому не возникает проблем с высотой изображения, которые мы будем использовать, 1600x900

Если кто-то может помочь, пожалуйста, сообщите.Нам нужно отобразить все изображение.

Спасибо всем.

Answer 1

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

F.ex, если вы хотите, чтобы изображение всегда умещалось, установите значение false.

Answer 2

Попробуйте установить в своем CSS:

.galleria-image img {max-width:6000px !important;}

, это работает для меня, я думаю, что в Safari есть некоторые проблемы с атрибутом max-width изображения.Вы можете использовать этот простой трюк или усовершенствовать эту технику, добавив некоторые условные CSS, например, установив max-width для определенного значения, только если для параметра "imageCrop" из galleria установлено значение true.Дайте мне знать, если это работает и для вас!

Answer 3

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

В полноэкранном режиме, если у вас есть широкое окно браузера, оно обрезает верх / низ. Если вы измените размер окна браузера в портретную ориентацию, он обрежет влево / вправо.