<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')
})