Почему в justifiedGallery первая фото заполняет всю ячейку?

Question

[Андрей]

Почему justifiedGallery ведет себя по разному
Если спереди поставить горизонтальное фото, за ним вертикальное - горизонтальное занимает всю строку
если наоборот, оба помещаются в строку
как это можно исправить?

Comments

[Ankhena]

Вы зря верите, что можно вам помочь не глядя в стили и в код в целом.
В идеале в песочнице на codepen или jsfiddle.

Гадать-то можно, но зачем..

[Андрей]

Ankhena, там нет стилей как таковых
стили только от библиотек
есть только настройки, которые я прикрепил

[Ankhena]

Андрей, ну, если вопрос не срочный, ждите, может кто-то найдет эту библиотеку, возьмёт, угадает что там с размерами ваших фоиок и сделает за вас песочницуи посмотрит, что там в стилях.

[Андрей]

Ankhena, Закинул.

[Ankhena]

Андрей,
Оригинальная высота 427, плагин вы попросили сделать минимальную высоту 590 => фотка растянулась и прекрасно заняла всю строку.
По всей видимости, плагин начинает считать от исходных размеров первой фотки в строке. Берет её высоту..

[Андрей]

Ankhena, 427 ставлю, и что из этого?
вопрос почему справа он не дает залезть в строку другой фото
если отталкивается от высоты первой фото, то получается широкая фото должна быть высотой как вертикальная?

[Ankhena]

Андрей, потому что при указанной минимальной высоте, фотка может занять всю ширину, а вторая не помещается.
Уменьшите минимальную утрированно, например, до 300 или 200.

[Андрей]

Ankhena,

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

по каким параметрам мне их готовить? я не въезжаю вооообще

[Ankhena]

Андрей,

по каким параметрам мне их готовить? я не въезжаю вооообще

Считая пропорции так, чтобы фотки влезли в строку с учетом отступа между ними и знания о том, что rowHeight это не высота, а минимальная высота.
С другой-то стороны, нормально подготовленным фоткам даром не сдался этот плагин.

[Андрей]

Ankhena, Та. наполнять будет человек, для него делать пропорции,кадрировать то темный лес
сделал на гридах, но немного не то пальто
сделал так

нужно так


то есть
сделал в 3 колонки
а itemу у которого класс horizontal дал свойство span 2, забивать 2 колонки
но как видим, вертикальная фото, что в ряду с широкой - разрыв у них должен быть не такой как, когда они по 3 в строке

вообще шифер едет. :D как по другому сделать эту чертову галерею

это перенос сайта с конструктора на вп, по этому и заморочка с галереей такая. нужно один в один

[Ankhena]

Андрей,

Та. наполнять будет человек, для него делать пропорции,кадрировать то темный лес

Тогда брать плагин и не парить мозг. Как лягут, так и лягут.

Если должно быть как-то "именно так", то делать сетку гридом (или подкручивать на js) и object-fit.
Если при этом кому-то отрежет голову, то будет повод задуматься об использовании человека из цитаты в тех сферах, где он силен, а на эту работу поставить кого-то другого.
Чудес не бывает.

Возможно, вы ещё забыли об aspect-ratio в пару к object-fit

[Ankhena]

Андрей,

сделал в 3 колонки

нужно так

Ну так на скрине не 3 колонки...

[Андрей]

Ankhena, Спасибо