<img src="" alt="" data-src="https://4.bp.blogspot.com/-QH8jqZAftxE/W5tbAB0-RXI/AAAAAAAAsks/fq87IqMF6SMw8t-dhgKkZIbe6Xbv8RPUgCLcBGAs/s1600/underworld.jpg">

<button>Open</button>
img {
  max-width: 100%;
  height: auto;
}
const img = document.querySelector('img')
const button = document.querySelector('button')

button.addEventListener('click', e => {
  img.src = img.dataset.src
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.