The slides stretch to full page

Hi, Which version of meta slider are you using?

thank you for replying!
the version is 1.3

theme: hustle (woo theme) using woocommerce as well.

Hi, I can’t find an example of meta slider on your site. An inline max-width style is applied to the slider wrapper at the same width as you specify in the slider settings, so I am not sure why it might be showing at different widths.

I think there is a bug with resizing the slides which means sometimes you may need to save the slider twice, I haven’t fully figured that one out yet – but it should not affect the width anyway.

If you could come up with some reproducible steps that I could follow I will take a look, also let me know which slider library you are using.

Regards
Tom

The slider is in use on several pages, currently the slides are black images.
The width is actually fine, it’s the length that goes out of control.
If i delete all the sliders and add a few it’s fine, but at certain point during saves the images stretch out to 400% of their length, in disregard of their original fixed height.

screenshot of the actual issue. slide should have been 1024×408

it seems to fix itself randomly at times. turning off the ‘print css/js’, saving it, (doesnt work at this point yet) and turning it on and saving it again solves the issue. but im expecting it to change after i change something again.

very weird indeed.

Hi Harald,

You’re right, there is a bug with the height of the slides. Next time it happens try refreshing the page.

I’ve already put a fix in 1.4 for this, but for the time being you could try uploading images that are already resized to the slider dimensions.

Regards,
Tom.

Thanks for your reply and advice.
I’ll try using cropped down to size images instead, keep up the good work and have a rating.

Is this the same issue I’m trying to resolve?

My case: I have a gallery with multiple pictures, all 500px tall. Some are wide landscape orientation, some are tall photos, but all 500px tall. well, the landscape ones display fine, but the vertical orientation ones are stretched by the plugin to fill the entire width of the slider area, thus proportionally stretching the height on these as well, resulting in vertical images that are much taller than 500px.

Is it the same issue, or some other one?

Thanks, Derek

PS: site i’m testing it at is at: https://test.derekbeck.com/vlc/beauty-editoral/

PPS: When is 1.4 due out?

Hi Derek,

I did pick up on some surprising(ish) behaviour while I was tested yesterday which I think might have something to do with what you’re experiencing.

First you need to know a bit about how meta slider works:

If you set the slideshow size to 500x500px, when you hit save all of the slides will be cropped to 500x500px. However, if one of your slides is say.. 250x400px, then it won’t be cropped as it’s too small.

When that slide gets displayed, it will be stretched up to 500px width, but the height will also get stretched up – to 800px in this case. So suddenly, your 250x400px slide is being displayed as 500x800px.

I think this is whats happening with this image in your slider https://test.derekbeck.com/vlc/wp-content/uploads/2013/03/BarbieKen6.jpg (I haven’t checked the rest).

I’m going to fix this today, ensuring if the slides are smaller than the slider, then at least they’re cropped to the correct aspect ratio.

Regards,
Tom.

Thanks for the reply and your time looking at my test case. I’ll keep an eye out for the update.

In the meantime, I did some resizing of all the images (obviously not the ideal) to get it work as I hoped. It’s now live: https://vickyleechan.com

But I wanted to post back to identify one other bug, given you are working on an update. This one is minor I think, but important: if you load a page with your slider, then minimize it or open another browser tab, then wait a while, then come back to the open page with your slider, the slider suddenly spins through the several images that should’ve updates, zipping by like 6 images in a mere second, catching up to where it was supposed to be had you been watching the page the whole time. As least, this is the behavior in Google Chrome.

Thanks for the great plugin, it’s very helpful and much more capable than the Jetpack carousel plugin that was going to be my default.

Regards,
Derek