2016-08-18 2 views
1

Мне нужно создать небольшой коллаж изображения. Например: enter image description hereСоздайте динамический и отзывчивый коллаж изображений

Я пришел довольно близко с flexbox и overflow:hidden;, но у него слишком много обратных сторон. Как некоторые сообщения обрезаются.

Я также подошел близко к masonry.js, но это тоже не было идеальным. Были какие-то странные пробелы, и порядок изображений скремблировался.

  1. Я делаю это в шаблоне Wordpress, поэтому HTMl, PHP, CSS, JS все в порядке. Графический интерфейс тоже хорош.

  2. В идеале первое изображение будет последним, второе - вторым по величине и так далее до шести.

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

  4. Если плагины необходимы для изменения размера изображений, создания разных размеров и т. Д. Я попробую.

  5. Изображения представляют собой пользовательское поле WP (main_image) из типа содержимого сообщения.

ответ

2

Прочитайте некоторые из кирпичной кладки в this link