mostrar imagenes desde una BD con jquery

nav2003 · #1 (**permalink**) 18/02/2011, 21:08

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>"; 
                         
                              }

nav2003 · #2 (**permalink**) 19/02/2011, 08:01

lo solucione!!, quizas hay otras soluciones pero esta funciona. dejo el codigo por si alguien lo necesita, saludos.

Código PHP:

 
. 
. 
. 
$img=1; 
 
//listar imagenes en miniatura                               while($row=mysql_fetch_array($_pagi_result)){ 
echo"<a id=\"$img\" title=\"\" href=\"img/$imagen\"><img alt=\"\" src=\"img/$imagen\" width=\"45\" height=\"45\" alt=\"$imagen\"/></a>";?> 
?> 
 
//llamada a javascript 
<script type="text/javascript"> 
$(document).ready(function()  
{     
$('#<?php echo $img;?>').imgbox(); 
} 
 ); 
</script> 
 
<?php 
$img=$img+1; 
}//cierro while 
?>