vasyabigi / angular-slick

Angular directive for slick-carousel
http://vasyabigi.github.io/angular-slick/
MIT License
500 stars 237 forks source link

Vertical carousel - swipe? #102

Open zenny-ritchie opened 9 years ago

zenny-ritchie commented 9 years ago

Is it possible to add swipeUp and swipeDown for vertical carousel ?

zenny-ritchie commented 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 ?

pptp commented 8 years ago

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