Unwanted resizing occurs when fading to from one slide to another

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

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

View post on imgur.com

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.

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

https://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

Here is a screen cast.

https://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.

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

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.