Open zenny-ritchie opened 9 years ago
I managed to get swipeUp and swipeDown using directive mnTouch, you can find it on github. this is setup i`m using in html
<slick mn-touch
init-onload=true
data="playlist.playlist"
infinite=true
current-index="playlist.currentIndex"
slides-to-show=5
slides-to-scroll=1
vertical=true
swipe=false
swipe-up="playlist.next()"
swipe-down="playlist.prev()">
<div ng-repeat="img in playlist.playlist">
<img ng-src="{{ img.imgSrc }}" alt=""/>
</div>
</slick>
and this is in controller
vm.currentIndex = 0;
vm.next = goToNext;
vm.prev = goToPrev;
function goToNext() {
vm.currentIndex++;
console.log(vm.currentIndex);
}
function goToPrev() {
vm.currentIndex--;
console.log(vm.currentIndex);
}
This is actually working on touch devices but i dont understand how? can anyone explain ?
You should use 'vertical-swiping' attribute to allow slick vertical swiping. But it is not supporting in current version but supporting in slick-carousel 1.5.8. I added linked param 'verticalSwiping' in scope manually in code to solve this problem
Is it possible to add swipeUp and swipeDown for vertical carousel ?