[Resolved] Slider doesn't work properly

[Author]

Posts

[nicoleR-3]

Tell us what you are trying to do?

We have noticed that the slider gallery does not always work properly when sliding the images. Sometimes you can't slide to the end of the images before it pops back to the beginning and it doesn't center the images. You can see an example of the malfunction here: hidden link

But we have seen it on other sites where we are using the slider gallery. Does anyone know what is causing this and is there a fix for it?

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?
See an example of it not working here: hidden link

[Nigel]

Hi there

Would it be possible to get access to the site to see how you have this set up?

Let me mark your next reply as private so that we can get log-in credentials from you—you may want to create a temporary admin user for us to use that you can later delete. And be sure to have a current backup of your site.

I suspect the problem arises from not using the crop option for the slider where the images are of different sizes, and something else being responsible for all the images being displayed with the same height, but I can't tell from the front end alone.

[Waqar]

Hi,

Thank you for sharing these details.

Changing the slider image dimensions through custom CSS, especially the width, results in conflict with the slider's script calculations.

To make sure that the full images are always shown without any cropping and the slider also works correctly, you'll need to remove any custom CSS code that is affecting the image dimensions and also make sure that the original images have the same aspect ratio and orientation.
( i.e. they all should be either in landscape or portrait orientation, and not both )

Note: If the images are expected to be in a different aspect ratio and orientation, it would be better to show them using the "Gallery" block, in either masonry or collage layout.

regards,
Waqar

[nicoleR-3]

So there's no way to reconfigure the slider's script calculations to get it to work with images with various aspect ratios? I've used other slider plugins that work great with all different size images. Here's an example: hidden link

[Waqar]

The example image slider shows the part of the neighboring images to fill the gaps, but this feature is not available in the Toolset's slider.

Can you share a link to an example image slider on your website, where no custom CSS code has been included to change the image styles and dimensions? I may be able to share some workaround that doesn't interfere with the slider script calculations.

[nicoleR-3]

I took out the CSS I wrote on the current website. The images are getting cropped now, but if there was a way for the images not to be cropped, that would be great. Thanks. hidden link

[Waqar]

Thanks for writing back.

Can you please include the following CSS code in the template's "CSS editor" and see if you like how the images are contained in the center, without any cropping:

.tb-image-slider--crop .glide__slide img {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}

[nicoleR-3]

Thank you. Hopefully the client will not have a problem with it.

[Waqar]

You're very welcome and glad I could help.

Feel free to mark this ticket as resolved and start a new one for each new question or concern.