Hi again,

I have also been experimenting with the Layer Slider, setting the images not as background images but as layers. Here it seems to be possible to scale the layer images to fit (either set width or height to 100% depending on aspect ratio and set the other dimension to auto) and have them fit the slide area. Are your Easy/Full-sliders based on the Layer Slider? In that case, can you tell me how I get the same appearance wrt. the arrows?

Another question: It seems that responsiveness resizing only takes place when the width of the page is changed, not the height. I can understand this, as you can have a long page of content and it is hard to decide when it should be resized. But when you change the height to be very small such that the slider is e.g. only half way covered, that could trigger a resize. What I am looking for is the same behaviour as the example website where a vertical resize triggers a resize of the slide show. Is it possible to obtain the same effect in Enfold? I.e., trigger a resize when a slider cannot be fully shown?

Best regards,

Peter

Hi Victoria,

I think I understand you say. If you look at the example website and move between pictures with different aspect ratios, they are actually inside in a bigger container large enough to hold the tallest/widest ones. So the surrounding website stays fixed.

Could it be achieved with the Enfold sliders and some custom CSS in the following way:

1) In the slider options set the image size as before, but now let it denote the size of the “big container” the pictures must fit within.
2) With custom CSS scale the pictures down so they fit within the bounding box (depending on aspect ratios, either make height or width fit and scale the other dimension proportionally). If they are already smaller than the bounding box, center them within it.

Alternatively, can you think of any other way I can achieve the same look as the slider on the sample website, maybe by using an external slider plugin?

Best regards,
Peter