jQuery网格布局图像大小

Question

我使用的是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/的链接

Answer 1

我建议使用Freewall。它是一个跨浏览器和响应式的jQuery插件，可以帮助您创建多种类型的网格布局，包括图像布局。您可以看到带有图片布局的demo：

http://vnjs.net/www/project/freewall/example/image-layout.html

该项目的github主页是https://github.com/kombai/freewall