Galeria de imagenes con php y javascript

Cassiopeia · #1 (**permalink**) 18/06/2004, 13:01

Hola :)

Alguno de ustedes podría ayudarme en cuanto a una galería de imagenes realizada con javascript obviamente y con php para tomar los resultados de la base de datos... Los datos si logro jalarlos de la base de datos correctamente, el problema es que no sé como asignarlos a un array en javascript... ... alguna sugerencia?

Ojalá puedan ayudarme...Se los agradecería mil

Salu2

living · #2 (**permalink**) 18/06/2004, 14:26

No das muchos datos, no se que sacas de la BBDD pero para que te hagas una idea (he omitido la conexión a la base de datos).

Código PHP:

 
<html> 
<head> 
<script> 
var imagenes=new Array(); 
</script> 
</head> 
<body> 
<? 
$query = "select src from imagenes"; 
$result = mysql_query($query, $link); 
$puntero=0; 
while ($row = mysql_fetch_array($result)){?> 
<script> 
    imagenes[<?=$puntero?>] = "<?=$row['src']?>"; 
</script> 
     
<?  
$puntero++; 
}  
?> 
</body> 
</html>

Cassiopeia · #3 (**permalink**) 18/06/2004, 20:52

Hola Mil Gracias por responder.... lo intenté asi pero no sale :S:S:S ... no tengo idea por que... si suena coherente... mi código es el siguiente:

Código PHP:

  
<? 
require ("conexion.php"); 
 
            $sql = "SELECT ImagenEm FROM timagenes WHERE CveEmpre = 1" ; 
                         
                         
            $result = mysql_query($sql); 
            //Se determina un contador inicializado en cero 
            $contador= 0; 
            //con la instrucción mysql_num_rows sabemos cuantos registros hay en las tablas de acuerdo al query 
            $registros= mysql_num_rows($result); 
            //mysql_data_seek($result, 0);  
                //se realiza la condición mientras el contador sea menor que los registros que existen se va a ejecutar 
            while ($contador < $registros) 
                { 
                 
             
 
?> 
<div align="center"> 
            <? 
            $datos = mysql_fetch_object($result); 
            $rutaImagen = $datos -> ImagenEm; 
            $imagen = $ip.$rutaImagen; 
            echo $imagen; 
             
             
            ?> 
<a id="imagen" name="imagen" href="javascript:afoto('<? echo $imagen; ?>','450','350')"><img width="150" height="150" src="<?php echo $imagen; ?>"></a> &nbsp;&nbsp;  
   </div> 
    <? "<script>  
            afotos[".$contador."] = ".$imagen.";  
        </script>" ?> 
     
         
 
<?  $contador++;  }?>

Puse lo que me dijiste dentro del script pero no funcionó... pasa que esas imagenes contenidas en el array van a una función de javascript para lo de las imagenes...ese código no lo pongo porque no tiene caso..lo unico que quiero saber es como pasar la imagen al array afotos[contador] = "http://...etc";

Espero que me puedan ayudar..

Mil gracias de antemano

sism82 · #4 (**permalink**) 19/06/2004, 00:18

bueno vampira, falta de confianza he....
yo lo haría de una forma algo diferente, pero tu código como punto de inicio.
Primero defino la variable e JS antes que llenarla...

Código:

<script language="Javascript">
var afotos = new Array();
</script>

ahora si, la llenamos...

Código PHP:

  <?  
require ("conexion.php");  
 
            $sql = "SELECT ImagenEm FROM timagenes WHERE CveEmpre = 1" ;  
                          
                          
            $result = mysql_query($sql);  
            //Se determina un contador inicializado en cero  
            $contador= 0;  
            //con la instrucción mysql_num_rows sabemos cuantos registros hay en las tablas de acuerdo al query  
            $registros= mysql_num_rows($result);  
            //mysql_data_seek($result, 0);  
                //se realiza la condición mientras el contador sea menor que los registros que existen se va a ejecutar  
            while ($contador < $registros)  
                {  
                  
?>  
<div align="center">  
            <?  
            $datos = mysql_fetch_object($result);  
            $rutaImagen = $datos -> ImagenEm;  
//QUE ES $IP??? 
            $imagen = $ip.$rutaImagen;  
            echo $imagen;               
            ?>  
<script language="Javascript"> 
afotos[<?php echo $contador; ?>] = <?php echo $datos->imagenEm; ?> 
</script> 
 
<a id="imagen" name="imagen" href="javascript:afoto('<? echo $imagen; ?>','450','350')"><img width="150" height="150" src="<?php echo $imagen; ?>"></a> &nbsp;&nbsp;  
   </div>  
  
<?  $contador++;  }?> ?>

bueno, espero no haber cometido algun pequeño error por ahi.... aunque sería mas eficiente llenar completamente primero el array en un solo script de Java, sin tener que abrir y cerrar las etiquetas de <script cada vez...

saludos :)

living · #5 (**permalink**) 19/06/2004, 04:05

Te falta el echo en esta parte ¿no?

<? "<script>
afotos[".$contador."] = ".$imagen.";
</script>" ?>