Boa tarde pessoal!
Estou querendo montar um script em js, para que quando eu clique em uma imagem menor, me mostre na imagem grande a imagem que eu cliquei.
segue o codigo html abaixo e a imagem.
não precisa me dar o código completo, pode ser uma dica de como começar, tenho pouca experiencia com front-end e to meio perdido. Claro que se quiserem dar o código completo ficaria realmente muito agradecido. Estou com o projeto back-end praticamente finalizado, falta somente isso para resolver meus problemas rsrs...
<html>
<head>
<title>teste da galeria de imagens</title>
</head>
<body>
<header>
<div class="imagem-principal">
<img class="imgPrinc" style="width: 300px;height:250px;"src="images/bg-form.jpg" alt="">
</div><!--imagem principal-->
<div class="imagens-secundarias">
<img class="imgSecond" style="width: 200px; height:200px;" src="images/bg-form.jpg" alt="">
<img class="imgSecond" style="width: 200px; height:200px;" src="images/bg-form2.jpg" alt="">
<img class="imgSecond" style="width: 200px; height:200px;" src="images/bg-form3.jpg" alt="">
</div>
</header>
<script src="js/jquery.js" />
<script></script>
</body>
</html>