Classic Slider size error

[macvink]

Hi all,

I have a problem with my Classic Slider in Cornerstone…

When the slider slides to the next image, the size of the slider does not automatically reduce to the right size, only when changing the size of my browser or doing any other interaction the slider reduces to the right size… How can I fix this?

Website: www.hermanbroeren.proberen.nu

[rad]

Hi Vink,

Thanks for reaching out.

The provided site is inaccessible, but please try adding this code to your Theme Options > JS

jQuery ( function($) {

var slide_interval = 0;
var current_slide = -1;

function let_it_slide () {

var slide = $( '.x-slides li').index( $( '.x-slides li.flex-active-slide' ) );

if ( slide == current_slide ) return false; current_slide = slide;

clearInterval ( slide_interval ); //stop the interval while it's rerendering

setTimeout ( function() {

$(window).resize();

console.log('re-rendered okay!');

slide_interval = setInterval ( let_it_slide, 500 ); //initiate again after rerendering

}, 1000 );

}

slide_interval = setInterval ( let_it_slide, 500 ); //initiate - main entry

} );

The classic slider uses a library by compiled so it can’t be edited, the only way to do it is by setting interval callbacks. At least for your current setup.

Thanks!

[macvink]

Thanks Rad. This works for the first slider. The second slider on this page still has a big gap of space beneath the bottom.

Website: http://hermanbroeren.proberen.nu (home page).

[rad]

Hi Vink,

I checked and it works on the second slider, it’s not just instance due to animation time. Try changing the 1000 and 500 values. They intervals and delays so it could match the slider animation time. Still, it’s not perfect since it’s not directly integrated to slider’s script.

Thanks!

[macvink]

Hi,

I have done that but the problem still continues…
When people open the site there sometimes is a massive space under the slider… The space only dissapears when you manually clip on the slider…

[Prasant]

Hello Vink,

Thanks for asking.

I checked the website and don’t see spacing under slider. Can you please share some screencast or screenshot? Here’s how I see the website on my end. Probably try clearing cache and see how that goes.

Thanks.