change slider animation

[Todor Inchovski]

Hello! 

I need to change the default image slider animation from slide to fade. Can anyone help me with that?

[Todor Inchovski]

I tried to  add 

mode: fade,

into homeslider.js, but it did not help.

Any assistance will be appreciated

[Todor Inchovski]

find .carousel-inner>.carousel-item into your CSS files and change

.carousel-inner>.carousel-item { position: absolute; transition: .6s ease-in-out; opacity:0; }

next find .carousel-inner>.carousel-item.active and add opacity: 1

.carousel-inner>.carousel-item.active{ transition: .6s ease-in-out; opacity: 1; }

then you can comment the follow css

/*.carousel-inner>.active.left {*/ /*left: -100%*/ /*}*/ /*.carousel-inner>.active.right {*/ /*left: 100%*/ /*}*/

you also need to comment out the block:

@media (-webkit-transform-3d),(transform-3d)

 

It breaks the responsive behavior of the slider, but still does what I want