[TASK] use object-fit-images as a component in felayout

t3kit · Jun 8, 2018 · 1b4d57a · 1b4d57a
1 parent 4a7bed6
commit 1b4d57a
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 8 deletions.
diff --git a/felayout_t3kit/dev/js/components.js b/felayout_t3kit/dev/js/components.js
@@ -41,3 +41,9 @@
 //==============================================================================
 @import '../../node_modules/jquery-touchswipe/jquery.touchSwipe.min.js';
 //==============================================================================
+
+// Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari
+// https://github.com/bfred-it/object-fit-images
+//==============================================================================
+@import '../../node_modules/object-fit-images/dist/ofi.js';
+//==============================================================================
diff --git a/felayout_t3kit/dev/js/main.js b/felayout_t3kit/dev/js/main.js
@@ -17,6 +17,4 @@
 
 @import 'main/suggest.js';
 
-@import 'main/ofi.js';
-
 @import 'main/general.js';
diff --git a/felayout_t3kit/dev/js/main/general.js b/felayout_t3kit/dev/js/main/general.js
@@ -1,5 +1,6 @@
 // ########## general.js ###########
 /* global jQuery */
+/* global objectFitImages */
 
 ;(function ($) {
   'use strict'
@@ -29,6 +30,9 @@
       })
     })
   }
+
+  // call object-fit-images plugin
+  objectFitImages()
 })(jQuery)
 
 // ^^^^^^^^^^ general.js ^^^^^^^^^^^
diff --git a/felayout_t3kit/package-lock.json b/felayout_t3kit/package-lock.json
diff --git a/felayout_t3kit/package.json b/felayout_t3kit/package.json
@@ -14,7 +14,7 @@
     "jarallax": "1.9.3",
     "jquery": "3.3.1",
     "jquery-touchswipe": "1.6.18",
-    "object-fit-images": "^3.2.3",
+    "object-fit-images": "3.2.3",
     "simplelightbox": "1.12.1",
     "smtlk-dotdotdot": "1.8.3",
     "swiper": "3.4.2"