How to make some effects to your slides?

Hello! Did not get to do 2 of the slide transition effect 1 slider.
You want to do when you scroll fade effect, with best personal Finance or the wipe scroll effect. The trouble is that I do not know how to tie these two animations. Then either scroll or fade.

There is an idea to write on pure css effects for each slide, but don't know how to make these slides when auto-scrolling to appear with feedom

Can anyone stykalsya with these?

Here is the code of the slider
$(document).on('ready', function() {
$(".slider").slick({
 autoplay: true,
 dots: true,
 slidesToShow: 1,
 slidesToScroll: 1,
 autoplay: true,
 autoplaySpeed: 2000,
 infinite: true,
 speed: 500,
 cssEase: 'linear',
 customPaging : function(slider, i) {
 var thumb = $(slider.$slides[i]).data();
 return '<a>'+(i+1)+'</a>'; }
});
 });


Maybe advise other sliders that can implement and be adaptive
July 2nd 19 at 18:01
2 answers
July 2nd 19 at 18:03
Monsieur knows his perversions :)
Well, that... what a perversion) Seen such sliders - Taylor_McGlynn26 commented on July 2nd 19 at 18:06
July 2nd 19 at 18:05
Here is a working version
IT IS IMPLEMENTED BUT NOT 100%!!! I'm too lazy to do until the end.
1. In the beginning is the effect fade
2. When you click on the button .btn changing effect .slick('slickSetOption', 'fade', false, true)
3. But since initialized has been slick using the fade effect need to adjust the styles of the slider.
4. Add the class .important{left:0!important; opacity:1!important;}

PS. When going to your task, leave the delegated event
$(document).on('touchstart', 'slick-slider', function(e) { ..});
to TRIGGER the event.
Should be something like this
$(document)
.on('touchstart', 'slick-slider', function(e) {
 change the effect and add a class
})
.on('touchend', 'slick-slider', function(e) {
 the return effect and remove the class
});
can help with the slider? - Taylor_McGlynn26 commented on July 2nd 19 at 18:08
: so I kind of painted all you need to do - Taylor_McGlynn26 commented on July 2nd 19 at 18:11
in short I break everything and have to go home:(
The problem is that when you initialize the slider on the swipe added an inline styles. We should kill them all. If you kill them then it should fix).
Or is it easier to get a slider - Elza44 commented on July 2nd 19 at 18:14
: what are the sliders ready? Do not tell me? - Elza44 commented on July 2nd 19 at 18:17

Find more questions by tags HTMLCSSjQuerySlickJavaScript