Fixed Height and Min/Max Scale

[emcniece]

I'm setting up some test content right now and as a filler have set the width and height of each .roundabout LI element - just like http://fredhq.com/projects/roundabout/demos/standard.

However, all elements (including the non-in-focus elements) are all stuck at the assigned 300px height, even when they should be scaling!

This isn't happening with the widths, and it doesn't matter whether I assign the height to the LI element itself or to a child wrapper div. The result is elements that change in width but not in height... it looks pretty funny :)

$('.carousel').roundabout({
    responsize: false,
    tilt: 0,
    debug: false,
    maxScale: 1,
    minScale: 0.6,
    easing: 'easeInOutBack'
});

Any tips?

[emcniece]

Looks like using em widths instead of px is the key. Cheers!