2015-07-29 2 views
2

Я работаю над параллакской карусели. Я пытаюсь выяснить, как вы можете активировать параллакс во время перетаскивания. Я думаю, что он активируется во время слайда, когда вы нажимаете на стрелки.Событие по перетаскиванию карусели

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

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

вот новый jsfiddle со свойствами сопротивления в месте. http://jsfiddle.net/ayve1nmf/173/ –

ответ

1

Вы должны будете применить свой собственный dragstart или перетягивания событие (ы). Это довольно легко, основы было бы что-то вроде этого

// Event to initiate drag, include touchstart events 
$('.data').on('mousedown', function(e){ 

// Drag start logic 
// ... 

// Event to end drag, may want to include touchend events 
$(this).one('mouseup', function(e){ 

    $(this).off('mousemove'); 
    // Drag stop logic 
    // ... 

}).on('mousemove', function(e){ 

    // Logic for dragging, can get mouse position 
    // will probably want to throttle 
    // possibly include touchmove events also 
    console.log(e.pageX); 

}); 

}); 

http://jsfiddle.net/ayve1nmf/172/

+0

Не могли бы вы предоставить jsfiddle для него –

+0

уверенная вещь, обновленная с помощью jsfiddle-- проверьте console.log – twmulloy

+0

Я имею в виду, что она не интегрирована с карусели слайдера, хотя для управления параллаксом, чтобы проверить это. Не включает ли это анимацию фоновых изображений в шаговой анимации? –

Смежные вопросы