Tengo un código PHP a través del cual obtengo una serie de imágenes guardadas en mi BBDD.
$instruccion2= "SELECT * FROM producto";
$consulta2=mysqli_query($conexion, $instruccion2) or die("No pudo realizarse la consulta2");
while($filas2=mysqli_fetch_array($consulta2)){
echo "<img src='".$nombreDirectorio.$filas2[4]."' onClick='ventanaModal()'>"; //RUTA DE LA FOTO
}
Necesito que al hacer "onClick" en cada una de las imágenes se llame a una función de javascript para poder abrir una ventana modal dónde se muestre la imagen dónde hice "onClick".
<script>
function ventanaModal(){
var value = document.getElementById("miImagen").src;
document.write("<img src='"+value+"'>");
}
</script>
Cómo veis en el código, en la funcion de JS hay una variable llamada value dónde se guarda la src de la imagen. El tema es que da igual la imagen sobre la que haga "onClick", siempre recoje la src de la primera imagen de la BBDD. ¿Habría alguna forma de arreglar ésto?