kombai / freewall

Freewall is a cross-browser and responsive jQuery plugin to help you create grid, image and masonry layouts for desktop, mobile, and tablet...
MIT License
1.85k stars 375 forks source link

Possible? #163

Open KaiBroenstrup opened 9 years ago

KaiBroenstrup commented 9 years ago

Hi, i have to get the following and i dont know if it is possible with this plugin. I have a lot of pictures - each differs in width and height. I want to have a grid with no gap - a straight bottom end. The grid goes over 100% of the browser and should be limited in height.

As a bonus i need to have a fixed first and last item. First will be the filter navigation and the last one will get a button to append new pictures.

My actual attempt uses background-images with background-size:cover and this JS init:

$(function() {
        var wall = new Freewall("#freewall");
        wall.reset({
        selector: '.brick',
        animate: true,                
        gutterY: 0,
        gutterX: 0,
        cellW: 160,
        cellH: 160,
        keepOrder: true,
        cacheSize: false,
        onResize: function() {
            wall.refresh($(window).width(), $(window).height());
        }
        });
        // caculator height for IE7;
        wall.fitZone($(window).width() , $(window).height());               
    });

That doesnt work as expected. Sometimes i got gaps.

Thx

kombai commented 8 years ago

Did you resolve this issue ?