Cycle gallery (uncached) image not sizing correctly
I'm using cycle in a tabbed interface - each tab containing a small gallery, navigated by thumbnails, and cycle also transitions the page background for each tab click. My debug version is at
www.monarch-equestrian.co.uk/monarchdemo/dw-monarchbarn.html and attached is an illustration of the problem: when a new image is introduced (not cached) it reports as download complete, whereas it appears shrunken. The common factor in both Firefox and IE, is that the 'complete' height is 30px (width is arbitrary - Firefox gives 75px, IE - 61px). There is code which may be related to this issue on line 310 of jquery.cycle.all.js (version 2.88)
I've placed the following in the pager callback for debugging:
Any help or ideas would be appreciated - thanks
Drew
- pagerAnchorBuilder: function(idx, slide) {
if(slide.complete) {
s+=slide.complete+" "+slide.height+" "+xtractFile(slide.src).file+"<br/>";
return '<li><a href="#"><img src="' + slide.src + '" width="50" height="40" /></a></li>';
}
}