arrow keys control flickity

1 files changed, 9 insertions, 1 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)
     })
   }
 })