javascript - 具有动态大小图像的马赛克网格画廊

标签 javascript jquery grid gallery mosaic

<分区>

关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。

我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。

关闭 7 年前。

Improve this question

我刚刚收到一个项目的以下设计，一个图像网格画廊，具有动态宽度和高度图像(用户提交的图像)。 (截图在文末)

我试过了jQuery Masonry , Tympanus Automatic Image Montage和 CSS-Tricks Seemless Responsive Photo Grid , 但每个都有其局限性。

Jquery Masonry 允许宽度和高度都是动态的，但是会产生间隙
后两个脚本，生成非常漂亮的网格，但问题是宽度或高度必须是静态的

编辑:我遇到了，Isotope ，这几乎是完美的，我可能最终会使用它，除非有什么东西可以完全满足我的需求。因此我的问题仍然是一样的......

是否有任何 javascript(最好是 jQuery)脚本可以生成完全动态的马赛克(相对于图像大小)，如下面的屏幕截图所示？

感谢您的帮助

Gallery

最佳答案

我建议 Freewall .它是一个跨浏览器和响应式 jQuery 插件，可帮助您创建多种类型的网格布局:灵活布局、图像布局、嵌套网格布局、metro 风格布局、类似 pinterest 的布局……具有漂亮的 CSS3 动画效果和回调事件。 Freewall 是为台式机、移动设备和平板电脑创建动态网格布局的一体化解决方案。

关于javascript - 具有动态大小图像的马赛克网格画廊，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10930783/

上一篇：javascript - JQuery 的垂直制表符？

下一篇：javascript - 状态为对象数组与由 id 键控的对象

相关文章：

WPF SharedSizeGroup GridSplitter 问题

r - 如何在r中的白色背景表格中添加网格

PHP 不使用 ajax/jQuery 发送表单数据

javascript - 无法在nodejs中为URL.createObjectURL添加polyfill

php - 设置php文件以允许跨域调用

javascript - TypeError : $(. ..).dialog 不是 devserver 上的函数

javascript - Codecademy 代码连接到其网站上的 Youtube API，但不会在本地运行

c# - 如何确定由 Google 翻译翻译的网页的新语言？

javascript - 正则表达式测试无法正常工作

Python - 使用 pyplot 将二维数组映射到网格？