Артём Буханец

<div class="pic">
  <img src=""> 
</div>

<button data-src="путь к изображению">
  изображение 1
</button>

<button data-src="путь к изображению">
  изображение 2
</button>

<button data-src="путь к изображению">
  изображение 3
</button>

document.body.addEventListener('click', e => {
  if (!e.target.matches('button')) return
  document.querySelector('.pic img').src = e.target.dataset.src
  
  document.querySelectorAll('button').forEach(btn => btn.classList.remove('active'))
  e.target.classList.add('active')
})