jquery - 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，我想用 nth-child 制作它，但这并没有解决它。

这是我的示例 http://jsfiddle.net/ajJpH/1/的链接

Answer 1

我建议免费墙。它是一个跨浏览器和响应式的 jQuery 插件，可帮助您创建多种类型的网格布局，包括图像布局。您可以查看带有图像布局的演示：

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

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