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