First load animation – how to change it

  • Resolved CloudedDottedMind

    (@cloudeddottedmind)


    6 years, 2 months ago

    Hi,

    When the sliders first load on a page it’s like a curtain drop / expanding animation, and I wonder how to change it as it looks like it’s pushing the content down which doesn’t work well for our design.

    Can you help me? I wasn’t able to see where to do this.

    I think it’s the height being added to “.owl-stage-outer.owl-height” but can’t figure out why it animates that way.

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author simonpedge

    (@simonpedge)

    6 years, 2 months ago

    Have you played around with the “Min-Height” setting for your slider settings (right-hand sidebar). This animation could because of images progressively loading (from top to bottom), and setting a min-height would get around that.

    Also check the size of your images in your slider – if your images are big (high resolution or not compressed very well), this could cause them to load slowly creating this effect.

    Thread Starter CloudedDottedMind

    (@cloudeddottedmind)

    6 years, 2 months ago

    Hi Simon,

    Thank you the fixed height works! This makes sense.

    Plugin Author simonpedge

    (@simonpedge)

    6 years, 2 months ago

    Good to hear 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘First load animation – how to change it’ is closed to new replies.