auto-height=calc broken about cycle2

[sebastianschmid]

pew. seems to me that the whole prodecure is flawed. A "debugger;" call reveals, that $(this), the slide, has zero height all of the time.

for me, this works:

        if ( autoHeight === 'calc' ) {
            // calculate tallest slide index
            opts.slides.each(function(i) {
                // debugger;
                // this one didn't work
                // var ratio = $(this).height() / $(this).width();
                var ratio = $('img',this).attr('height') / $('img',this).attr('width');
                opts.API.log('image '+i+': ratio='+ratio+' | max='+max);
                if ( ratio > max ) {
                    max = ratio;
                    autoHeight = i;
                }
            });
        }

since I put the height and width of each image in the according attribute. It's neither fully tested, nor a complete solution.

Update:
See live at http://www.dietersteinbach.com/
Resize window to be about 400px wide (minimum possible width in chrome) to see the mobile stylesheet.

[malsup]

Yeah, that's pretty tricky if you have variable sized images set to 'auto' height. Another approach would be to delay the style initialization until after cycle has a chance to calculate the correct sentinel:

.cycle-slide img { display: block }


$('.slideshow').on('post-intialize', function() {
    $('.cycle-slide img').css({ maxWidth: '100%', height: 'auto' });
});