column classes are not being added to the columns

[dethfactor]

I've been trying to use waterfall on a tumble feed and the master build doesn't add the column classes. I ended up pulling the '.js' from the demo on the site which works.

var $container = $('#list');
            $('#wrapper').css('visibility','hidden');
            $container.imagesLoaded(function(){
                $container.waterfall({
                    colClass: 'content-column', 
                });
                $('#wrapper').css('visibility','visible');

   });

[dy]

Yes, in the new version of waterfall I’ve decided to avoid redundant columns, simply placing items to the container with position: absolute. That allows to make spanning items, animate repositioning, avoid excessive calculations on reflow & add and ease appending new items by simply placing them to the container without calling add. Just as if you placed them without waterfall.
So waterfall now behaves just like layout, not appending anything excessive.
Now colClass used if you have content prerendered to the columns: it will parse the content from columns with colClass, then remove columns and place items instead of them.

Docs will be updated soon.

[Alex-Sokolov]

I also using this feature for 2-columns timeline.
Now I separate items that way:

$('.waterfall-item').each(function() {
    var $this = $(this);

    if ($this.position().left == 0) {
        $this.addClass('left-column');
    } else {
        $this.addClass('right-column');
    }
});

Maybe this will be useful for you

[dy]

I can assign classes to items according to their columns, if you wish.

[Alex-Sokolov]

If you can, that will be great)