jquery.flexloader icon indicating copy to clipboard operation
jquery.flexloader copied to clipboard

Conflict with smoothHeight

Open fcornia opened this issue 9 years ago • 0 comments

First of all: thanks for this marvelous piece of code.

I got an issue using flexslider2 smoothHeigth: i'm using latest version with "Slider w/thumbnail slider" pattern, so a main slider synced with a thumbnail slider.

When the page load, the main slider height isn't consistent with the height of the slide. With Firefox(latest) and IE11 i'm seeing a square frame whathever orientation of the image is displaying. Chrome and Opera show me a main slider of few pixel height (24) I suppose smoothHeight is unable to determine the right slider heigth at moment of its execution, if the played image is a lazy loaded image. If i play the main slider ffwd, smoothHeigth is able to keep the right framing. If i jump some slides using the thumbnail slider (involving lazyloading), the issue come back.

I have checked the html and i noticed the issue is related to flex-vieport div that assumes an incorrect height (pretty sure driven directly via JS smoothHeigth). The version without flexloader is running fine, so i'm sure my styling is not causing the issue... But man... i really need lazyloading, because i have to display dozens of hd-images in a page and do it without going lazy is pushing bandwidth too much.

If someone suggest me a way to solve.. i think should be fine rerun the smoothHeight utility after loading completion, or maybe running it after some delay, but i'm not able to do it right now.

Thank so much in advance.

fcornia avatar Feb 08 '16 15:02 fcornia