amigos hace poco que he estado leyendo jquery, y necesito hacer un efecto con este framework.
mi consulta es:
necesito mostrar todas las imagenes que tengo almacenadas en mi bd mysql, uso php para extraer los nombres de las imagenes y uso imgbox usando jquery para hacer efecto de zoom para maximizar las imagenes.
el asunto es que solo puedo mostrar la primera.
dejo el codigo
Código PHP:
...
<title>imgBox | Demo page</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="imgbox/jquery.imgbox.pack.js"></script>
<link rel="stylesheet" href="imgbox/imgbox.css" />
<style type="text/css">
#images a {
margin-right: 14px;
}
#images a img {
border: 1px solid #888;
padding: 3px;
vertical-align: top;
}
#credit {
clear: both;
margin-top: 50px;
padding-top: 20px;
font-size: 10px;
border-top: 1px solid #BBB;
font-family: Verdana;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#img').imgbox();
}
);
</script>
</head>
<body>
while($row=mysql_fetch_array($_pagi_result)){
$imagen=$row["nombre"];
echo"<a id=\"img\" title=\"\" href=\"img/$imagen\"><img alt=\"\" src=\"img/$imagen\" width=\"45\" height=\"45\" alt=\"$imagen\"/></a></td></tr>";
}