//najpierw robisz funkcję
function pokaz()
{
document.getElementById("id-Diva").innerHTML = "<img src=\"zdj.jpg\">" // wypisuje to co jest po znaku równości do id-Diva
}
//uwaga jeśli byś wpisał "<img src="zjd.jpg">" to plik by odczytał, że ma wypisać "<img src="zjd.jpg">". Dlatego wpisuje się "przedłużający" prawy ukośnik, sam sprawdź jak to działa ;)
// teraz robisz sobie diva w którym zamieszczasz zdjęcie
<div id="id-Diva">
<img src="zdj.jpg" width="100px" onclick="pokaz()"> // po kliknięciu na zdjęciu uruchamia się funkcja (onclick="pokaz()") wypisująca "<img src=\"zdj.jpg\">".
</div>
i wszystko powinno pasować