Put simpleParallax and modify logo.php to merge

js/simpleParallaxe/simpleParallax-master/test/index.js

@@ -0,0 +1,63 @@
+import SimpleParallax from '../src/simpleParallax';
+
+// let images = document.querySelectorAll('img'),
+//     instance;
+
+let instanceUp;
+const optionUp = {
+    orientation: 'left',
+    // customContainer: document.querySelector('.container')
+};
+const imageUp = document.getElementsByTagName('img');
+
+const images = document.querySelectorAll('img');
+images.forEach((image) => {
+    new SimpleParallax(image, optionUp);
+});
+
+// instanceUp = new SimpleParallax('img', optionUp);
+
+// let instanceDown,
+//     optionDown = {
+//         orientation: 'down'
+//     },
+//     imageDown = document.querySelectorAll('img.down');
+
+// instanceDown = new SimpleParallax(imageDown, optionDown);
+
+// setTimeout(() => {
+//     instanceDown.destroy();
+// }, 3000);
+
+// setTimeout(() => {
+//     instanceDown.destroy();
+// }, 6000);
+
+// images.forEach(image => {
+//     let options = {
+//         breakpoint: '480'
+//         // orientation: 'down',
+//         // scale: 1.5,
+//         // overflow: true
+//     };
+//     if (image.classList.contains('up')) {
+//         options.orientation = 'up';
+//     }
+//     if (image.classList.contains('down')) {
+//         options.orientation = 'down';
+//     }
+//     if (image.classList.contains('right')) {
+//         options.orientation = 'right';
+//     }
+//     if (image.classList.contains('left')) {
+//         options.orientation = 'left';
+//     }
+
+//     // console.log(options);
+//     instance = new SimpleParallax(image, options);
+//     // console.log(instance);
+// });
+
+// setTimeout(() => {
+//     instance.destroy();
+// }, 3000);