hola puedes probar con un css
Código HTML:
.foto{
position : relative;
height : 100px;
weidth : 100px;
}
.foto:hover {
position : absolute;
height : 200px;
weidth : 200px;
}
o con JS
Código HTML:
.foto{
position : relative;
height : 100px;
weidth : 100px;
}
.foto2 {
position : absolute;
height : 200px;
weidth : 200px;
}
function agranda (my){
my.className= "foto2"
}
<img src="img.png" onclick="agranda(this)">
haber si este cachito de codigo te sirve de algo