slider is really wide for a split second, then snaps back into place

  • Resolved inula

    (@janetb)


    6 years, 1 month ago

    The issue can be found here: http://www.txtweb.nl/ontwerp/
    The preview works: Yes but you can see issue
    It works with other themes: Yes but you can see issue
    It works when I disable all other plugins: but you can see issue
    Meta Slider version: 3.7.0

    Hi,
    Using metaslider for a while now in different websites. Always used Flexslider/Fade, but now I wanted to use Flexslider/Slide.
    Look at the url. There’s a strange behaviour!

    Initially and after refresh it looks like the slider is really wide for a split second, then snaps back into place.
    I use metaslider/flexslider/slide. When I use Fade, everything looks good.
    The url is to a new/empty installation, specially made to investigate this issue.
    No plugins, tried different themes (this is twenty ten). All themes give same result.

    • This topic was modified 6 years, 1 month ago by inula.
    • This topic was modified 6 years, 1 month ago by inula.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 15 total)
  • Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Hi @janetb,

    It might be because the images are twice the size of the slideshow and FlexSlider or the browser isn’t sure how to calculate the height. Do you have this issue using a different slider?

    Also, could you try using a different crop setting to see if that fixes anything?

    Thanks

    Thread Starter inula

    (@janetb)

    6 years, 1 month ago

    Hi @kbat82,

    Thanks for your quick response.
    Originally the images of this slider are used here: http://www.muslie.nl
    The slider is larger there.
    Crop-setting is default.

    To ensure that no plugins or the used theme is reponsible, I made this new WP-installation.

    • This reply was modified 6 years, 1 month ago by inula.
    • This reply was modified 6 years, 1 month ago by inula.
    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Hi @janetb,

    Did any of my suggestions above show any changes?

    I suspect this is because the images are sized much larger than the slideshow. We have a fix for this in an upcoming release but I’m not sure yet if the issue is the same.

    Thread Starter inula

    (@janetb)

    6 years, 1 month ago

    Hi @kbat82,

    Yes, I did. I changed crop from no crop to standard, to smart crop.

    I did this in the orignal slider at http://www.muslie.nl
    This one is pagewide, so the images are not way to large.
    And what do you mean ‘a different slider’?

    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Hi @janetb,

    MetaSlider comes with 4 sliders including FlexSlider, R. Slides, Coin Slider, and Nivo Slider. I was hoping to see if the issue is specific to FlexSlider.

    About the crop changes. Was there any difference in the page jumping?

    It looks like the issue is with FlexSlider itself though. It’s not adding the styles it needs on cloned slides early enough. Can you try adding this CSS?

    .metaslider .ms-image.clone {
  float: left;
}

    If that still doesn’t work, can you try it without the text .clone, like:

    .metaslider .ms-image {
  float: left;
}

    Thanks

    Thread Starter inula

    (@janetb)

    6 years, 1 month ago

    Hi @kbat82,

    O, I understand. I tried the other sliders (specially Nivo-slider slide-in). And yes the issue is specific to Flexslider.

    No luck with
    .metaslider .ms-image.clone { float: left;}
    or
    .metaslider .ms-image { float: left;}

    Thanks

    • This reply was modified 6 years, 1 month ago by inula.
    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Hi, can you set the width of the slider to match the max width of the container on the test site? I believe that’s 640px. I just want to see if that makes a difference. Thanks

    Thread Starter inula

    (@janetb)

    6 years, 1 month ago

    Sure.
    Width of slider is 640px now. (height 128)

    Made first picture 640px wide too.

    • This reply was modified 6 years, 1 month ago by inula.
    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Hi @janetb,

    I’m not sure why I can’t reproduce the error on my own sites. Could you try to switch the language on the testing site to English just to see if anything changes? Thanks

    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Hi @janetb,

    I’m able to reproduce the error now. I’ll post a fix in a little bit. Thanks for your patience.

    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Hi @janetb,

    I submitted a fix to FlexSlider and will try to get the fix manually added to MetaSlider, hopefully within the next day or two.

    https://github.com/woocommerce/FlexSlider/issues/1712

    Thread Starter inula

    (@janetb)

    6 years, 1 month ago

    Hi kbatdorf,

    Sorry I didn’t answer sooner. I was out all afternoon.
    Very glad you submitted a fix!!! Looking forward to it.
    Thanks a lot for all your help.

    Regards,
    Janet

    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Hi @janetb,

    We released an update. Do you want to try it out and let me know how it works? Thanks!

    Thread Starter inula

    (@janetb)

    6 years, 1 month ago

    Hi kbatdorf,

    Perfect!!
    Problem solved.

    Thanks again.

    Kevin Batdorf

    (@kbat82)

    6 years, 1 month ago

    Glad it’s working, and thanks for the kind review!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘slider is really wide for a split second, then snaps back into place’ is closed to new replies.