.sp-selected Added to main slide about slider-pro HOT 7 CLOSED

You could try to add it directly in the HTML code you create.

from slider-pro.

Yea, I tried that, I am doing CSS animations once the class .sp-selected gets added so if I hard code it then they don't animate. I was thinking if index 0 then add class .sp-selected

I'll keep trying thank you.

from slider-pro.

You can use the init event to add the class immediately after the initialization. You will need to pass the handler to this event in the list of options because if you pass it later it will be too late and it won't fire:

$( '.slider-pro' ).sliderPro({
    ...
    init: function() {}
});

from slider-pro.

How do I get the index in the init?

So then I can do if( index === 0 ) { ... }

from slider-pro.

The init is fired only once, so you don't need to check the index; you simply add the class to the first slide.

from slider-pro.

The 'sp-selected' class is added by default to the initially selected slide in version 1.2.0.

from slider-pro.

@davidghi Awesome! Thank you

from slider-pro.