CODEWITHSUNDEEP
javascriptjqueryhtmlcssflexslider
Flupkear
Flupkear

Reputation: 2241

Reserve vertical space for slider image on page load

I'm using Flexslider which calculates the image size based on the parent element width, which makes it responsive because it resizes when you change the browser size.

The problem I'm having is that when I load the page, you see a colapsed slider until the images are loaded which makes it look bad. However, if you go to flexslider site at http://www.woothemes.com/flexslider/ you'll see that it has a loader.

Is there an option in flexslider for automatically behaving this? I couldn't find one.

Upvotes: 0

Views: 547

Answers (2)

abir_maiti
abir_maiti

Reputation: 490

In flexslider stylesheet they have give .flexslider a min-height of 280px and used a gif loading image as its background. You should use that. Your problem will be solved.

Upvotes: 0

Sunny
Sunny

Reputation: 194

Try giving

min-height

min-width

using CSS to the div block in which you are having the images so that it might atleast not collapse

Upvotes: 1

Related Questions