public/js/app: Use data attribute

2 files changed, 2 insertions, 2 deletions

diff --git a/app/views/index.view.php b/app/views/index.view.php
index 37d2d61..cd28804 100644
--- a/app/views/index.view.php
+++ b/app/views/index.view.php
@@ -23,7 +23,7 @@
                         In it for the long haul
                     </h2>
 
-                    <img image-zoom alt="Mountains" src="/images/mountains.jpg"
+                    <img data-image-zoom alt="Mountains" src="/images/mountains.jpg"
                     width="<?php echo getimagesize(
                         $_SERVER['DOCUMENT_ROOT'] . '/images/mountains.jpg'
                     )[0]; ?>"
diff --git a/public/js/app.js b/public/js/app.js
index a09680d..a96c168 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -593,6 +593,6 @@ window.onscroll = function() {
 /**
  * Activate Medium Zoom
  */
-imageZoom = mediumZoom('[image-zoom]');
+imageZoom = mediumZoom('[data-image-zoom]');
 imageZoom.on('open', function(event) { addClass(navbar, 'navbar__headroom'); });
 imageZoom.on('close', function(event) { if (window.pageYOffset < navbarHeight) { remClass(navbar, 'navbar__headroom'); }; });