WordPress.org

Ready to get started?Download WordPress

Forums

Meta Slider
[resolved] Unwanted resizing occurs when fading to from one slide to another (8 posts)

  1. square_eyes
    Member
    Posted 12 months ago #

    All my slider images are 620 x 280.

    I have resizing off and am using the NivoSlider template.

    Smart crop is off and the slider set to my image size.

    Yet when a slide fades to another you can see one resize horizontally. This is especially noticeable fading from a darker slide to a lighter slide, where you see a strip of 1-2 pixels on the right hand side before the lighter slide fades completely in.

    For an example see http://www.budgiecollective.com/

    I'm using Firefox on OSX.

    http://wordpress.org/extend/plugins/ml-slider/

  2. Matcha Labs
    Member
    Plugin Author

    Posted 12 months ago #

    Hi square_eyes,

    I'm also using FireFox on OSX, but I can't see what you're referring to (thanks for the detailed description and link btw - much appreciated!).

    Did you fix the issue and if not could you possibly record a screencast? Does it happen in other browsers?

    Regards,
    Tom

  3. square_eyes
    Member
    Posted 12 months ago #

    Still a problem. I managed to get a well timed screen grab. The dark slide is fading out underneath.

    http://imgur.com/7tzQ1RW

    It happens on all slides, but is more obvious with the change of contrast between light and dark.
    It's like the new slide fades in, horizontally a couple of pixels squashed (or transposed), then comes right just after the transition.

  4. Matcha Labs
    Member
    Plugin Author

    Posted 12 months ago #

    Hmm, I really can't see it here sorry, here is a quick screencast (in firefox):

    http://screencast.com/t/JDiAvonwJ

    Could you try flex slider or responsive slides instead? The navigation bullets don't look quite the same (unless you write some custom CSS), but I'm sure it would get rid of the annoying line and they both offer the same fade effect.

    Regards,
    Tom

  5. square_eyes
    Member
    Posted 12 months ago #


  6. square_eyes
    Member
    Posted 12 months ago #

    Here is a screen cast.

    http://screencast.com/t/TVJ1y1QGK

    I'll try your suggestions and see how I go.

    Edit: FlexSlider looks better as there is no obvious black strip. But you can still see the nudge as the new slide locks in to place.

    Edit2: Responsive is the same.

    It's barely noticeable now. I'll keep an eye on this thread but am happy with how it is.

  7. Matcha Labs
    Member
    Plugin Author

    Posted 12 months ago #

    Hi, just took a quick look.

    Your theme CSS is making all of the images 97.5% wide. I reckon this is probably the issue - try adding this to your themes style.css file:

    .metaslider img {
        max-width: 100%;
    }

    Regards
    Tom

  8. square_eyes
    Member
    Posted 11 months ago #

    Thanks for the help! I ended up using the following on recommendation from a friend.

    .metaslider .slides img {
    width: 100%; max-width:100%; display: block;
    }

    Seems to be static now.

Reply

You must log in to post.

About this Plugin

About this Topic