pmi

From f30d5b43017c1c202b47232989af91b1ae06b5b7 Mon Sep 17 00:00:00 2001 From: nael Date: Thu, 8 Aug 2019 18:24:07 +0200 Subject: [PATCH] wip #2747 @2 --- public/_modules/home-slider/index.html | 10 +++-- public/_modules/home-slider/slider.js | 59 ++++++++++++++++++-------- 2 files changed, 48 insertions(+), 21 deletions(-) diff --git a/public/_modules/home-slider/index.html b/public/_modules/home-slider/index.html index 4950800..aec5cfe 100644 --- a/public/_modules/home-slider/index.html +++ b/public/_modules/home-slider/index.html @@ -10,6 +10,7 @@ pmi +

@@ -46,7 +47,7 @@

@@ -202,8 +203,11 @@

- - + + + + + diff --git a/public/_modules/home-slider/slider.js b/public/_modules/home-slider/slider.js index bf6a3bf..130a394 100644 --- a/public/_modules/home-slider/slider.js +++ b/public/_modules/home-slider/slider.js @@ -23,6 +23,23 @@ let listener = SwipeListener(container); resize(); + + +var myElement = document.getElementById('myElement'); + +var hammertime = new Hammer(myElement); +hammertime.get('swipe').set({ enable: true }); + +hammertime.on('swipeleft', function(ev) { + prevSlide(); +}); + +hammertime.on('swiperight', function(ev) { + nextSlide(); +}); + + + $(window).on('orientationchange',function () { resize(); setTimeout(function () { @@ -31,6 +48,7 @@ $(window).on('orientationchange',function () { }); $(window).on('resize',function () { resize(); + }); // RESIZE function resize() { @@ -77,9 +95,14 @@ function GotoSlide(nextindex, direction){ nextIndicatorIndex = $('.slider-position').eq(nextindex), nextContainerImg = $('.slide-img').eq(nextindex); - let finishAnimation = function () { + hammertime.get('swipe').set({ enable: false }); // disable swipe when animation is running + + console.log( hammertime.get('swipe').set({ enable: false })); + let finishAnimation = function () { + + hammertime.get('swipe').set({ enable: true }); + - listener.on(); // --> activate swipe when animation is finished currentSlideIndex.removeClass('active').eq(index); enableArrows(); // when animation is finished we reactivate click event @@ -113,7 +136,6 @@ function GotoSlide(nextindex, direction){ nextSlideIndex.addClass('active').eq(nextindex); disableArrows(); // disable click on arrows until animation finishes - listener.off(); // --> disable swipe when the animation is launched index=nextindex; } @@ -146,19 +168,20 @@ function GotoSlide(nextindex, direction){ // TODO : BUG --> si on swipe (next, prev, next) on ne voit plus l'image -function swiper(){ - container.addEventListener('swipe', function (e) { - let directions = e.detail.directions; - - // listener.on(); - if (directions.left) { - prevSlide(); - } - - if (directions.right) { - nextSlide(); - } - }); -} +// function swiper(){ +// container.addEventListener('swipe', function (e) { +// let directions = e.detail.directions; +// +// // listener.on(); +// if (directions.left) { +// prevSlide(); +// } +// +// if (directions.right) { +// nextSlide(); +// } +// }); +// } +// +// swiper(); -swiper(); -- 2.39.5