Hola a todos, tengan un buen dia.
bueno a ver si me pueden ayudarme a resolver este problema que tengo con ese codigo.
cuando hago click en imagen0 me muestra un mensaje de diciendo este es la IMAGEN 5.
y no deberia mostrarme asi si no que cuando haga click en cada imagen me muestre un mensaje correspondiente a cada imagen.
ejemplo
click imagen 0, mensaje este es la imagen0
click imagen 1, mensaje este es la imagen1
click imagen 2, mensaje este es la imagen2
asi sucesivamente.
Ayudenme por favor, algo mal estoy haciendo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function() {
for(var i=0;i<5;i++){
$("#"+"imagen"+i).click(function(event) {
alert("este es la imagen"+i);
});
}
});
</script>
</head>
<body>
<table>
<tr>
<td><div id="imagen0"><img src="../uploads/00001.JPG" width="40px" height="40px"/></div></td>
<td><div id="imagen1"><img src="../uploads/00002.JPG" width="40px" height="40px"/></div></td>
<td><div id="imagen2"><img src="../uploads/00003.JPG" width="40px" height="40px"/></div></td>
<td><div id="imagen3"><img src="../uploads/00004.JPG" width="40px" height="40px"/></div></td>
<td><div id="imagen4"><img src="../uploads/00005.JPG" width="40px" height="40px"/></div></td>
</tr>
</table>
</body>
</html>