Difference between revisions of "Team:Uppsala/Team"

Line 371: Line 371:
 
       <script type="text/javascript">
 
       <script type="text/javascript">
  
−
            (() => {
+
      (() => {
−
                'use strict';
+
          'use strict';
−
                // Page is loaded
+
            // Page is loaded
−
                const objects = document.getElementsByClassName('low-res-parallax');
+
          const objects = document.getElementsByClassName('asyncImage');
−
                Array.from(objects).map((item) => {
+
          Array.from(objects).map((item) => {
−
                    // Start loading image
+
          // Start loading image
−
                    const img = new Image();
+
          const img = new Image();
−
                    img.src = item.dataset.src;
+
          img.src = item.dataset.src;
−
                    // Once image is loaded replace the src of the HTML element
+
          // Once image is loaded replace the src of the HTML element
−
 
+
          img.onload = () => {
−
                    img.onload = () => {
+
          item.classList.remove('asyncImage');
−
                        item.classList.remove('low-res-parallax');
+
          return item.nodeName === 'IMG' ?  
−
                        return item.nodeName === 'IMG' ?  
+
          item.src = item.dataset.src :         
−
                            item.src = item.dataset.src :         
+
          item.style.backgroundImage = `url(${item.dataset.src})`;
−
                        item.style.backgroundImage = `url(${item.dataset.src})`;
+
    };
−
                    };
+
  });
−
                });
+
})();
−
            })();
+
  
 
         </script>
 
         </script>

Revision as of 18:11, 16 October 2018