Image sizes

Hi kendawes,

Meta Slider has never used the attachment size settings, it was causing confusion so it’s been hidden in the latest version.

Here is how it works:
– A reference to each media file ID (not size) is stored on the slideshow (these are your slides).
– When the slideshow is displayed, Meta Slider looks at the slideshow size (defined in the slideshow settings), then tries to find an image that matches that size on the filesystem.
– If it can find an existing image that is the correct size, it uses that image, otherwise it will resize/crop a new image for you, automatically.

This means you’re not restricted to your predefined image sizes, you don’t need to add new ones manually (and therefore you don’t have to regenerate thumbnails for every media file in your library). You’re free to create different slideshow sizes and Meta Slider will handle it “on the fly”.

In short, the predefined WordPress attachment sizes don’t come into it (and never have) – it always uses the slideshow size as a basis and creates new images if it needs to, so you don’t need to worry about resizing – Meta Slider does it for you.

Regards,
Tom.

Hi Tom,
Thanks for the quick reply!

Ok… here’s my conundrum.. (and it may just be too obvious for me to see LOL)

I want a full-width slider 980px by 225px… No problem so far…

I want to fill the slider with images that are 225px tall. I have WP set so that when an image is uploaded, besides the usual thumbnail and medium sizes, the incoming image generates an image 225 px high by whatever width comes out correct. For argument sake say 300px wide… So in theory 3 images plus 80px of a fourth would show and then they’d advance 1 at a time through all of the images.

When I make slider, it always takes the large images at full width, whatever that may be and chops off the top and bottom.

What am I doing wrong?

Hi,

Are you set to carousel mode? EDIT: by the sounds of it, you’re looking for a carousel like this, so switch to flexslider and enable carousel mode. Then set the slideshow size to the size you want each image to be (225 x 300).

When you put that slideshow onto a page, the carousel will fill 100% of the width of whatever container you’ve placed it in, or you could use some CSS to restrict it to 980px wide:

.metaslider-ID_GOES_HERE {
    max-width: 980px;
}

See how that goes first, and try it with smart crop enabled and disabled. Responsive image cropping is quite a tricky subject, I’ve explained it in detail here https://www.metaslider.com/documentation/image-cropping/ (only worth reading if the above fails!)

Regards,
Tom.

Perfecto!!

I *told* you that I couldn’t see the forest for the trees!!!

You should put in the notes/ FAQ what you just described to me… I read ’em so many times and just never got it through my thick skull ’til you put it that way!!!

Thank you so much!!!!

Cool, you’re welcome ??

The documentation is in need of an overhaul, I’ll make sure we cover this.

PS thanks for upgrading to Meta Slider Pro!

Regards,
Tom

So… since I have your attention… LOL

A nice feature for the carousel would be to be able to select how many images it advances at once… It appears to do it by the container width currently… (or do I still have my blinders on? LOL)

Thanks again!

Oops!!

And be able to loop so that it doesn’t have to reverse…

;-))

Hi,

Yes, it does. You could adjust the image size so that the correct number of images fit the carousel, or leave it as it is and use the CSS I posted above to restrict the width of the carousel until it fits the images.

But.. when you start reducing your browser size (assuming your theme is responsive) you’ll see the carousel adapts – that’s why there can’t really be a set limit on how many slides to display, it changes depending on it’s width.

The ‘looping’ functionality is requested fairly often, and I’d love to be able to add it. Sadly it’s a limitation of Flex Slider itself, I believe they’re working on it and as soon as it’s available I’ll add it to Meta Slider.

Regards,
Tom.