Мне нужно создать небольшой коллаж изображения. Например: Создайте динамический и отзывчивый коллаж изображений
Я пришел довольно близко с flexbox и overflow:hidden;
, но у него слишком много обратных сторон. Как некоторые сообщения обрезаются.
Я также подошел близко к masonry.js, но это тоже не было идеальным. Были какие-то странные пробелы, и порядок изображений скремблировался.
Я делаю это в шаблоне Wordpress, поэтому HTMl, PHP, CSS, JS все в порядке. Графический интерфейс тоже хорош.
В идеале первое изображение будет последним, второе - вторым по величине и так далее до шести.
Этикетки размера, которые я положил на изображение, являются гибкими, если они масштабируются для экранов разного размера.
Если плагины необходимы для изменения размера изображений, создания разных размеров и т. Д. Я попробую.
Изображения представляют собой пользовательское поле WP (main_image) из типа содержимого сообщения.