我使用的是jQuery插件Grid-A-Licious (http://suprb.com/apps/gridalicious)。我想在桌面浏览器上显示真实的图像大小。
$.Gal.settings = {
selector: '.item',
width: 450,
gutter: 1,
animate: false,
animationOptions: {
speed: 200,
duration: 300,
effect: 'fadeInOnAppear',
queue: true,
complete: function () {}
},
};
https://github.com/suprb/Grid-A-Licious/blob/master/jquery.grid-a-licious.js
我的下一个问题是如何设置图像的边界。通过CSS,我想让它与第n个孩子,但这并没有解决它。
下面是我的示例http://jsfiddle.net/ajJpH/1/的链接
发布于 2013-09-14 20:52:19
我建议使用Freewall。它是一个跨浏览器和响应式的jQuery插件,可以帮助您创建多种类型的网格布局,包括图像布局。您可以看到带有图片布局的demo:
http://vnjs.net/www/project/freewall/example/image-layout.html
该项目的github主页是https://github.com/kombai/freewall
https://stackoverflow.com/questions/18299111
复制