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

?>