arrow keys control flickity

2 files changed, 21 insertions, 3 deletions

diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index d2d4fb2..319a939 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -14,6 +14,7 @@ var app = (function() {
     contain: true,
     pageDots: false,
     wrapAround: true,
+    accessibility: false,
   }
 
   app.init = function() {
@@ -53,6 +54,14 @@ var app = (function() {
       previous: app.nav.previous.bind(app.nav),
       next: app.nav.next.bind(app.nav),
       burger: app.header.toggleNav.bind(app.nav),
+      left: function(){
+        var gallery = $('.item.active .top').data('flickity')
+        gallery && gallery.previous()
+      },
+      right: function(){
+        var gallery = $('.item.active .top').data('flickity')
+        gallery && gallery.next()
+      },
     })
 
   }
@@ -121,7 +130,6 @@ $('.top').each(function(){
     $(this).flickity(app.flickity_options).on( 'cellSelect', function(e) {
       var gallery = $(e.target).data('flickity')
       app.header.updateSlideNumber( gallery.selectedIndex )
-      console.log("UPDATE SLIDE NUMBER", gallery.selectedIndex)
     })
   }
 })
diff --git a/public/assets/js/lib/Scroller.js b/public/assets/js/lib/Scroller.js
index fe16f11..3bebce7 100644
--- a/public/assets/js/lib/Scroller.js
+++ b/public/assets/js/lib/Scroller.js
@@ -1,13 +1,15 @@
 var Scroller = (function(){
   var Scroller = {}
   
-  var prev, next, burger
+  var prev, next, left, right, burger
   var webkitRatio = 1
   
   Scroller.init = function(opt){
     previous = opt.previous
     next = opt.next
     burger = opt.burger
+    left = opt.left
+    right = opt.right
     if (is_mobile) {
 //       document.body.addEventListener("touchstart", touchstart)
 //       document.body.addEventListener("touchmove", touchmove)
@@ -97,8 +99,16 @@ var Scroller = (function(){
     }
   }
   function keydown (e) {
-    // console.log(e.keyCode)
+    console.log(e.keyCode)
     switch (e.keyCode) {
+      case 37: // left
+        e.preventDefault()
+        left()
+        break
+      case 39: // right
+        e.preventDefault()
+        right()
+        break
       case 27: // esc
         e.preventDefault()
         burger()