Oneclick Cambio Immagine

[daviskizzo]

Ciao a tutti , mi sono bloccato eseguendo un piccolo esercizio
Dovrei tramite un evento di Javascript oneclick cambiare l'immagine che viene visualizzata in grande .
Vi posto una foto per farmi capire meglio . --> https://ibb.co/gO4z9d

Praticamente vorrei creare una piccola gallerie nella quale vado a zoomare le foto che clicco.
dovrei praticamente sostituire l'src dell'immagine zoomata con quella cliccata.

Dovrei utilizzare la funzione This e document.getElementById
Ma ancora non capisco come fare .

Grazie per eventuali risposte.

[m4rko80]

Ciao, puoi intanto leggere qui se vuoi capire meglio a cosa si riferische THIS in una funzione e/o tag
https://www.w3schools.com/js/js_this.asp
Nel caso di un tag, cliccando su questo e passando ad una funzione assegnata all'onClick this, (onClick="myFunction(this)") avrai l'oggetto relativo al tag stesso e all'interdo della funzione, il parametro che avrai passato, conterrà tutti dati relativi al tag cliccato

<script>
myFunction(obj){
console.log(obj); //in console puoi vedere cosa contiene obj/this
}
</script>
<button value="valore" onClick="myFunction(this);">Click</button>

document.getElementById('myID') recupera il tag dal DOM e avrai la stessa cosa di obj (come nell'esempio sopra) relativo al tag avente l'ID richiesto.

[daviskizzo]

Grazie alla fine sono riuscito a risolvere