Multiple instances of slider not working

[media32]

I've been trying to get a number of carousels loading on the same page and on page load, the carousels are blank, but as soon as I resize the window, the slider content draws.

The page, for reference: http://charmed.stage.m32.ca/custom-work/private/playhouses

Any ideas on what may be causing this?

The JS I'm using is:

$(document).ready(function(){ 
    $('.slider').bxSlider({
        wrapperClass: 'carousel',
        controls: false,
        auto: false,
        video: true
    });
});

I am affecting all the sliders with the same options, so I thought it would be safe to use a class, not an id.

[sn3ka]

Hi,

Works fine for me on Firefox, Chrome and Safari.

[jszoja]

Works for me, but when I make the window bigger the navigation buttons are gone?