Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 建立一个动态和响应图像拼贴_Javascript_Html_Css_Wordpress_Jquery Masonry - Fatal编程技术网

Javascript 建立一个动态和响应图像拼贴

Javascript 建立一个动态和响应图像拼贴,javascript,html,css,wordpress,jquery-masonry,Javascript,Html,Css,Wordpress,Jquery Masonry,我需要建立一个小的图像拼贴。像这样: 我用flexbox和overflow接近:隐藏;但它有太多的退步。就像有些帖子被切断了一样 我也使用了massy.js,但这也不理想。有一些奇怪的间隙,图像顺序混乱 我是在Wordpress模板中完成的,所以HTMl、PHP、CSS和JS都很好。GUI也很好,不管怎样 理想情况下,第一张图片应该是最新的帖子,第二张是第二张最新的帖子,以此类推,最多6张 我在图片上贴的尺寸标签有点灵活,只要它能适应不同尺寸的屏幕 如果需要插件来调整图像大小、创建不同的大小等等

我需要建立一个小的图像拼贴。像这样:

我用flexbox和overflow接近:隐藏;但它有太多的退步。就像有些帖子被切断了一样

我也使用了massy.js,但这也不理想。有一些奇怪的间隙,图像顺序混乱

我是在Wordpress模板中完成的,所以HTMl、PHP、CSS和JS都很好。GUI也很好,不管怎样

理想情况下,第一张图片应该是最新的帖子,第二张是第二张最新的帖子,以此类推,最多6张

我在图片上贴的尺寸标签有点灵活,只要它能适应不同尺寸的屏幕

如果需要插件来调整图像大小、创建不同的大小等等,我会试试

这些图像是来自帖子内容类型的自定义WP字段main_图像

阅读一些有关砖石的文章