Эффект перехода - Fade к слайду

Question

Я использую этот ползунок я нашел:

Lean Slider

Я хочу знать, есть ли возможность изменить ее эффект перехода от FADE к SLIDE? У меня есть базовые знания в javascript/JQuery. Я попытался найти его, но нет никакого упоминания о том, чтобы «затухать» или «скользить» в коде, поэтому я не знаю, с чего начать.

Спасибо.

Answer 1

В этом слайдере эффект затухания задается с использованием свойства css opacity.

Я обновил css для эффекта слайда. Посмотрите, поможет ли это.

margin вместо opacity.

.slider-wrapper { 
    position: relative; 
    background: #fff url(images/loading.gif) no-repeat 50% 50%; 
    min-width: 100%; 
    min-height: 100%; 
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
    box-shadow: 0 0 3px rgba(0,0,0,0.4); 
    overflow: hidden; //Added this 
} 
.lean-slider { /* overflow: hidden; */ width: 1000%;} 
.lean-slider-slide { 
    display: block; 
    position: relative; 
    -webkit-transition: margin 0.6s linear; 
    -moz-transition: margin 0.6s linear; 
    -ms-transition: margin 0.6s linear; 
    -o-transition: margin 0.6s linear; 
    transition: margin 0.6s linear; 

    width: 800px; 
    margin-left: -800px; 
} 
.lean-slider-slide.current { margin-left: 0; }