Я пытаюсь создать это матрицу изображений. Цель состоит в том, чтобы получить изображения 1x1, 2x2, 2x1, 1x1, которые располагаются с полями в стиле упаковки / корзины.
Пока у меня есть два подхода.
$(function() {
var wall = new freewall("#freewall");
https://codepen.io/bobbygee/pen/GRJLmJX https://codepen.io/bobbygee/pen/MWwROOQ
Freewall. js Работает почти так же, как и должно, за исключением предметов 2x1. Они вани sh в мобильном представлении. Я знаю, что это связано с размером сетки Freewalls, но я не знаю, как это исправить.
Изотоп / упаковка Это работает нормально, я sh, но у меня проблемы с желобом. Как только я поворачиваю желоб для полей между изображениями, элементы 2x1 и 1x2 пропускают некоторую длину и высоту конца.
Я знаю, что это возможно, хотя с изотопом / упаковкой, как в этом примере:
https://heythemers.com/themes/calafate/shop/
https://heythemers.com/themes/calafate/
Опять не знаю как это исправить.
Может быть, кто-то может помочь мне исправить это, я создал два кодекса для этого.