Occasionally the first slide is hidden, flex-viewport height is 0px

[kimlawler]

I'm getting an odd bug whereby occasionally the flex-viewport div has its height set to 0px on load, and doesn't resize to fit the height of the first slide. This happens about once every.. 10 refreshes or so!

Help?!

[kimlawler]

Figured it out:

I was using smoothHeight for the slider, and actually initialising flexslider in the document.ready rather than window.load, so flexslider couldn't grab the first image's height and set the viewport, thus it was setting it to 0. Now that I've moved my .flexslider function tinto window.load everything's dandy! :)

[tylernotfound]

Great! Glad you got it sorted out. :)

[yantakus]

I have a very similar problem. I have a one-page layout and my images are loaded by a script after a section is loaded. So my slider's height is 0px by default and it works only after a refresh of the page. You can see it here: http://smartseven.ru/#/portfolio/botscanner (click on any thumb at the top of the page).

Is there a solution? Thank you.

[itsdavidmorgan]

You saved me a huge headache kimlawler! Thanks :)

[chimos]

Hi,
I have this 'smooth height' problem too.

Which are the files including these functions explained by kimlawler? (document.ready and window.load)
How can I tweak this if I'm using 7x-2alpha1?

Thanks

[Beckyj01]

How do you move the function into window.load? Can you do this even if you are using drupal?

[verytwisty]

Thanks for posting this - but window.load didn't work for me for some reason.

But window.ready did! Just thought I'd share in case anyone was having the same problem.

$(window).ready(function(){