Карандаш с карандашом с элементами параллакса

Question

Я попытался создать параллакс на заказ, когда пользователь пробирается влево/вправо, используя гладкую карусель.

Хотя вам необходимо улучшить его, чтобы сбрасывать невидимые изображения.

$(this).find(".parallaxback img:visible").animate({ 
    left: increment+"=15" 
}, 700, function() { 
    // Animation complete. 
}); 

Пробовал использовать: видимый селектор, но я не чувствую его эффекта.

• Как бы вы стабилизировали эту гладированную карусель, чтобы элементы не плавали . Сбросьте невидимые предметы, чтобы они могли продолжать движение?

• Также есть способ перемещения предметов во время слайда?

  http://jsfiddle.net/ayve1nmf/25/

Answer 1

этот пример с параллакса анимация в обратном направлении к движению. Хотя я не уверен, как вы установите параллакс во время перетаскивания/во время движения салфетки - вместо того, чтобы после/до того, как закончите салфетки.

http://jsfiddle.net/ayve1nmf/27/

var parallaxAnimate = function(el, currentSlide, nextSlide){ 
    console.log("parallax animate"); 

    var increment = "+"; 

    if (currentSlide > nextSlide) { 
     increment = "-"; 
    } 

    $(el).find(".parallaxback img:visible").animate({ 
     left: increment + "=15" 
    }, 400, function() { 
     // Animation complete. 
    });  
}; 


// On before slide change 
$('.data').on('beforeChange', function (event, slick, currentSlide, nextSlide) { 
    console.log("beforeChange"); 
    //console.log(nextSlide); 
    parallaxAnimate(this, currentSlide, nextSlide); 
});