Skip to content

Instantly share code, notes, and snippets.

@erdum

erdum/image-loader.html

Created September 1, 2024 06:54
Show Gist options
  • Save erdum/8b65ad1a16511367b0b40223d8c8fdfa to your computer and use it in GitHub Desktop.
Save erdum/8b65ad1a16511367b0b40223d8c8fdfa to your computer and use it in GitHub Desktop.
Download ZIP
Large image loader
Raw
image-loader.html
<script>
const largeImageUrl = '/path/to/large-image.jpg';
const bodyElement = document.querySelector('body');
const largeImage = new Image();
largeImage.src = largeImageUrl;
largeImage.onload = () => {
bodyElement.style.backgroundImage = `url(${largeImageUrl})`;
};
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment