无涯教程网

Jquery 具有动态大小图像的马赛克网格 gallery

发布于01月14日

我刚刚收到一个项目的以下设计，一个图像网格 gallery ，动态宽度&amp；高度图像(用户提交的图像).(文章末尾的截图)

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

Jquery Masonry allows for both width and height to be dynamic, however there are gaps generated
The latter 2 scripts, generate very nice grids, but with the problem that either width or height must be static

EDIT:我遇到了，Isotope，这几乎是完美的，我很可能最终会使用它，除非有什么东西可以完全满足我的需要.所以我的问题还是一样的.

Is there any javascript (preferably jQuery) script that can generate a completely dynamic mosaic (in respect to image size), like the one in the screenshot below?

Thanks for any help

gallery

推荐答案

I suggest Freewall. It is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layouts, images layouts, nested grid layouts, metro style layouts, pinterest like layouts ... with nice CSS3 animation effects and call back events. Freewall is all-in-one solution for creating dynamic grid layouts for desktop, mobile, and tablet.

Home page and document: also found here.

Jquery相关问答推荐

退出 jquery.each 循环后

我需要在上一个表格单元格中显示计算结果

使用 jQuery 时何时/为什么要在变量前加上$？

将一个类动态添加到 Bootstrap 的popover容器中

$.each() 与 for() 循环 - 和性能

jQuery javascript 正则表达式将
替换为 \n

jQuery从字符串中删除字符串

在jQuery中获取所有选定复选框值的最佳方法

JQuery手风琴自动高度问题

在 Javascript 中，字典理解或 Object `map`

在jQuery中添加ID？

使用 Typescript 时如何停止类型 JQuery 上不存在属性语法错误？

Backbone.js - 事件，知道点击了什么

bootstrap 模式：关闭当前，打开新

设置 JQuery event.preventDefault() 时绕过 window.open 上的弹出窗口阻止程序

如何在按键事件后获取 jQuery .val()？

单击时平滑滚动到特定的 div

jquery $(window).width() 和 $(window).height() 在未调整视口大小时返回不同的值

如何在jQuery中 Select 最后一个子元素？

bootstrap 日期和时间 Select 器

实用课程推荐

相关教程推荐