visualizar imagenes de una carpeta en una tabla

Speedbit · #1 (**permalink**) 06/05/2014, 04:09

hola a todos, estoy necesitando cargar ímagenes (360*240 px) de una carpeta (/galeria) en un html, pero que las mismas se muestren en una tabla, ordenadas alfabéticamente...
ADEMÁS debajo de la celda que ocupa caga imagen, necesito que se incluya una celda adicional (es para una etiqueta "label", pero es harina de otro costal)

buscando en el foro, encontré el siguiente código, que funciona muy bien (con más de lo que necesito, incluso!):

Código HTML:

<!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=iso-8859-1" /> 
<title>archivos</title> 
</head> 

<body> 
<?php  
// para leer el directorio 
$ruta = "archivos/";  
$filehandle = opendir($ruta);  
while ($file = readdir($filehandle)) { 
    if ($file != "." && $file != ".." ) { 
        $arch=$file; 
        $archi=$arch.'*'.$archi; 
    } 
} 

closedir($filehandle);  



  
// paginando 
$archivosfile=explode("*", $archi); 
$currentpage = $_SERVER['PHP_SELF']; // pagina en la que se encuentra 
$total=(count($archivosfile)-1); 
$maxRows_Blogdenotas = 10;  // cantidad maxima de archivos a mostrar por pagina 
$pageNum_Blogdenotas = 0; 

if (isset($_GET['pag'])) { 
  $pageNum_Blogdenotas = intval($_GET['pag']); 
} 

$startRow_Blogdenotas = $pageNum_Blogdenotas * $maxRows_Blogdenotas; 

if (isset($_GET['pag'])) { 
  $pageNum_Blogdenotas = intval($_GET['pag']); 
} 

$startRow_Blogdenotas = $pageNum_Blogdenotas * $maxRows_Blogdenotas; 
$totalRows_Blogdenotas = $total; 
$totalPages_Blogdenotas = ceil($totalRows_Blogdenotas/$maxRows_Blogdenotas)-1; 
$archivos = array_slice($archivosfile, $startRow_Blogdenotas, $maxRows_Blogdenotas); 

// paginando    

?> 
Total Archivos:&nbsp;<?php echo $total;  ?><br /><br /> 
<table border="0"> 
                    <tr> 
                      <td><?php if ($pageNum_Blogdenotas > 0) { // Show if not first page ?> 
                            <a href="<?php echo $currentpage; ?>?pag=0">Primero</a> 
                            <?php }else{ // Show if not first page ?> 
                            <span class="style1">Primero</span> <?php } ?> </td> 
                      <td><?php if ($pageNum_Blogdenotas > 0) { // Show if not first page ?> 
                            <a href="<?php echo $currentpage; ?>?pag=<?php echo htmlentities($_GET['pag']-1); ?>">Anterior</a> 
                            <?php }else{ // Show if not first page ?> 
                            <span class="style1">Anterior</span> <?php } ?> </td> 
                      <td><?php if ($pageNum_Blogdenotas < $totalPages_Blogdenotas) { // Show if not last page ?> 
                            <a href="<?php echo $currentpage; ?>?pag=<?php echo htmlentities($_GET['pag']+1); ?>">Siguiente</a> 
                            <?php }else{ // Show if not last page ?> 
                            <span class="style1">Siguiente</span> <?php } ?> </td> 
                      <td><?php if ($pageNum_Blogdenotas < $totalPages_Blogdenotas) { // Show if not last page ?> 
                            <a href="<?php echo $currentpage; ?>?pag=<?php echo $totalPages_Blogdenotas ?>">Ultimo</a> 
                            <?php }else{ // Show if not last page ?> 
                            <span class="style1">Ultimo</span> <?php } ?> </td> 
                    </tr> 
                  </table> 
<div>                  Mostrando <?php echo ($startRow_Blogdenotas + 1) ?> a <?php echo min($startRow_Blogdenotas + $maxRows_Blogdenotas, $totalRows_Blogdenotas) ?> de <?php echo $totalRows_Blogdenotas ?></div><br /><br /> 

<?php 
foreach ($archivos as $archivo) {  
echo '<a href="'.$ruta.$archivo.'"><img src="'.$ruta.$archivo.'" style="width:200px;" /></a>'; } 
?> 
</body>

solo que NO incorpora las imágenes a una tabla, sino que las "tira" en el documento (caen una al lado de la otra)... y sin orden entendible!

podrá alguien darme una mano con esto??
MUCHAS GRACIAS POR ADELANTADO!
=)

miktrv · #2 (**permalink**) 06/05/2014, 05:10

Revisa el foreach, y en lugar de volcarlas en un <a>, hazlo en un td. Tendrás que ver cuantos td por cada tr para hacer el cambio de tr.

Vamos anímate a realizar pruebas, puedes conseguirlo!

quimfv · #3 (**permalink**) 06/05/2014, 05:36

Lo de corto y pego es muy malo. Hay que intentar entender las cosas.

Te paso una solució hecha al vuelo, PUEDE TENER ERRORES, espero que los puedas corregir.

Código PHP:

Ver original<!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=iso-8859-1" /> 
<title>archivos</title> 
</head> 
 
<body> 
<?php  
// para leer el directorio 
$ruta = "archivos/";  
//$filehandle = opendir($ruta);
$i=0;
//Obtenemos todos los archivos de la ruta (incluso . y ..)
//Si no especificamos el segundo parametro nos los da ordenados.
$archivosfile=scandir($ruta);
  
// paginando 
$currentpage = $_SERVER['PHP_SELF']; // pagina en la que se encuentra 
$total=(count($archivosfile)-2); 
$maxRows_Blogdenotas = 10;  // cantidad maxima de archivos a mostrar por pagina 
$pageNum_Blogdenotas = 0; 
 
 
if (isset($_GET['pag'])) { 
  $pageNum_Blogdenotas = intval($_GET['pag']); 
} 
 
$startRow_Blogdenotas = $pageNum_Blogdenotas * $maxRows_Blogdenotas; 
 
if (isset($_GET['pag'])) { 
  $pageNum_Blogdenotas = intval($_GET['pag']); 
} 
 
$startRow_Blogdenotas = $pageNum_Blogdenotas * $maxRows_Blogdenotas; 
$totalRows_Blogdenotas = $total; 
$totalPages_Blogdenotas = ceil($totalRows_Blogdenotas/$maxRows_Blogdenotas)-1; 
$archivos = array_slice($archivosfile, $startRow_Blogdenotas, $maxRows_Blogdenotas); 
 
// paginando    
 
?> 
Total Archivos:&nbsp;<?php echo $total;  ?><br /><br /> 
<table border="0"> 
                    <tr> 
                      <td><?php if ($pageNum_Blogdenotas > 0) { // Show if not first page ?> 
                            <a href="<?php echo $currentpage; ?>?pag=0">Primero</a> 
                            <?php }else{ // Show if not first page ?> 
                            <span class="style1">Primero</span> <?php } ?> </td> 
                      <td><?php if ($pageNum_Blogdenotas > 0) { // Show if not first page ?> 
                            <a href="<?php echo $currentpage; ?>?pag=<?php echo htmlentities($_GET['pag']-1); ?>">Anterior</a> 
                            <?php }else{ // Show if not first page ?> 
                            <span class="style1">Anterior</span> <?php } ?> </td> 
                      <td><?php if ($pageNum_Blogdenotas < $totalPages_Blogdenotas) { // Show if not last page ?> 
                            <a href="<?php echo $currentpage; ?>?pag=<?php echo htmlentities($_GET['pag']+1); ?>">Siguiente</a> 
                            <?php }else{ // Show if not last page ?> 
                            <span class="style1">Siguiente</span> <?php } ?> </td> 
                      <td><?php if ($pageNum_Blogdenotas < $totalPages_Blogdenotas) { // Show if not last page ?> 
                            <a href="<?php echo $currentpage; ?>?pag=<?php echo $totalPages_Blogdenotas ?>">Ultimo</a> 
                            <?php }else{ // Show if not last page ?> 
                            <span class="style1">Ultimo</span> <?php } ?> </td> 
                    </tr> 
                  </table> 
<div>                  Mostrando <?php echo ($startRow_Blogdenotas + 1) ?> a <?php echo min($startRow_Blogdenotas + $maxRows_Blogdenotas, $totalRows_Blogdenotas) ?> de <?php echo $totalRows_Blogdenotas ?></div><br /><br /> 
<table border="0">
<tr>
 
<?php 
$maxColumns=2; //número de columnas de la tabla
 
//empezamos por 2 para saltarnos . y ..
for ($i=2;$i<count($archivos);$i++) { 
    if($i % $maxColumns == 0 && $i!=2) { ?>
    </tr><tr>
    <?php
       //Insertamos fila con pies de foto (nombre del archivo)
       for($j=$maxColumns;$j>0;$j--){ ?>
       <td><?php echo $archivos[$i-$j+1];?></td>
     <?php } ?>
        </tr><tr>
    } ?>
    <td><a href="<?php echo $ruta.$archivos[$i];?>"><img src="<?php echo $ruta.$archivos[$i];?>" style="width:200px;" /></a></td> 
<?php }
//Completamos la ultima fila de imagenes hasta % maxColumns=0
if(count($archivos) % $maxColumns != 0){?>
        <td>&nbsp;</td>
<?php  $ii=count($archivos)+1;
   while ($ii % $maxColumns != 0){?>
        <td>&nbsp;</td>
<?php 
    $ii++;
    }
}?>
    </tr><tr>
<?php
//Insertamos la ultima fila de pies de foto hasta % maxColumns=0
   for($j=$ii-$maxColumns;$j<$ii;$j++){ 
?>
   <td><?php 
    if ($j<count($archivos))
    echo $archivos[$j];
    }else{
    echo "&nbsp;";
    }
    ?></td>
<?php } ?>
</tr>
</table>
</body>

Speedbit · #4 (**permalink**) 06/05/2014, 09:32

a ambos, gracias por responder!!

Quimfv: entiendo tu punto pero sinceramente, se me está escapando el php...

Tu propuesta parece funcionar, pero (como anticipabas) con algún error, que al momento no consigo entender, siquiera!

En principio, veo que busca los nombres de los archivos y en realidad, eso yo ya lo estaba manejando con un script de Alexis88, que me funcionó de mil maravillas!

Pero me está devolviendo el siguiente error:
Parse error: syntax error, unexpected T_ELSE in /home/public_html/_prueba3.html on line 121

que según puedo ver, es la línea 102 del código, como lo pasaste vos:

100. if ($j<count($archivos))
101. echo $archivos[$j];
102. }else{
103. echo " ";
}

probé eliminar el ELSE, para ver qué resultado obtenía y ahí es donde PARECE funcionar, ya que devolvió algunas imágenes, pero con un montón de errores entre las imágenes, sus nombres y la posición de los objetos en el documento... por lo que creo que estoy eliminando algo importante, pero que no llego a interpretar!

imagino que es muy de novato lo mio... pero apenas estoy metiéndome con php y se me hace cuesta arriba!

desde ya, gracias por la ayuda!!

HackID1 · #5 (**permalink**) 06/05/2014, 11:33

Código PHP:

Ver originalif ($j<count($archivos))
    echo $archivos[$j];
    }else{
    echo "&nbsp;";
    }

Creo que falta el { del IF, no se si me equivocó pero como lo veo cerrar abajo }else quizá, se que no son obligatorios pero a lo mejor se te escapo ese detalle. Saludos.

Y para visualizar las imagenes por el orden que quieras, puedes llamarlas si están en una carpeta por medio de su ruta o por un campo id en tu BD.

Prueba insertandolas en los td con etiquetas <img>

Speedbit · #6 (**permalink**) 06/05/2014, 14:37

hola HackID1, muchas gracias por tu repuesta.

tengo que admitir que el PHP me supera... creo que me llevaría menos tiempo interpretar ideogramas chinos!! jajajajaaaa

probé incorporando el { del if, según sugeriste... pero no, evidentemente abre en otro lado lo que está cerrando ahí, porque me dió un error de sintaxis (distinto al anterior), pero sigue sin funcionar...

en realidad, probé MUCHAS cosas, que me fueron pareciendo... o que medianamente quise interpretar, pero no consigo hacer lo que necesito =(

espero poder dar con la respuesta!!
gracias por tu ayuda! =)

Speedbit · #7 (**permalink**) 07/05/2014, 13:22

bueno... conseguí hacer funcionar TAL CUAL esperaba, el primer código que conseguí!! pero en vez de utilizando tablas (lo que es aún mejor!) armando una composición de DIVs (con "float:left") que finalmente, me devuelve el orden que pretendía!

lo único que me queda por resolver (utilizando el mismo código, que mostraba yo al inicio del tema) es EL ORDEN!! ya que necesito ordenarlas ALFABÉTICAMENTE... y aún después de probar un montón de opciones, no le encuentro la vuelta!!

alguien que me pueda dar una mano con eso??
muchas gracias!

quimfv · #8 (**permalink**) 07/05/2014, 14:04

$archivosfile=scandir($ruta);

Te dara las imagenes ordenadas.

Speedbit · #9 (**permalink**) 07/05/2014, 14:12

SIIIII!!... gracias quimfv! era lo que necesitaba! y ya me estaba volviendo loco!

ahora encuentro (gracias a que los ordenó alfabéticamente) que está devolviendo 2 valores, como si fueran "archivos" (o imágenes) que estuvieran en el directorio:
.cc/thumbs_prueba/
.cc/

el dominio es uno de prueba del tipo "dominio.cu.cc" y evidentemente, de ahí está sacando el "cc" y "thumbs_prueba/" corresponde al nombre del directorio en el que están las imágenes...
me podrías indicar como "limpiar" ese resultado?? de qué manera lo filtro?

MUCHAS GRACIAS!

Speedbit · #10 (**permalink**) 07/05/2014, 14:12

SIIIII!!... gracias quimfv! era lo que necesitaba! y ya me estaba volviendo loco!

ahora encuentro (gracias a que los ordenó alfabéticamente) que está devolviendo 2 valores, como si fueran "archivos" (o imágenes) que estuvieran en el directorio:
.cc/thumbs_prueba/
.cc/

el dominio es uno de prueba del tipo "dominio.cu.cc" y evidentemente, de ahí está sacando el "cc" y "thumbs_prueba/" corresponde al nombre del directorio en el que están las imágenes...
me podrías indicar como "limpiar" ese resultado?? de qué manera lo filtro?

MUCHAS GRACIAS!

Speedbit · #11 (**permalink**) 07/05/2014, 17:22

nadie que me pueda dar una mano, con este último detalle que me falta resolver? =(

Speedbit · #12 (**permalink**) 07/05/2014, 18:03

ahora veo que también está agregando un elemento (como si fuera un archivo/imágen) ".cc/thumbs/", al final del listado!! AYUDA, PLEASEEE? =(

Speedbit · #13 (**permalink**) 07/05/2014, 18:33

bueno... aunque sea como terapia, pero lo agrego... y en vez de seguir hablando solo, lo posteo y quedo menos loco!! jajajajaaa

descubrí que deshaciendo el cambio sugerido por Quimfv, de reemplazar
$archivosfile=explode("*", $archi);
por
$archivosfile=scandir($ruta);

recupero el listado de imágenes SOLAMENTE (es decir, ya no me muestra esos elementos "inventados")

el tema es que automáticamente, pierdo el ordenamiento alfabético, que había conseguido gracias a su sugerencia!!

por lo cual, entiendo que la diferencia está en QUÉ le pido al PHP que me devuelva, con una u otra sentencia... pero no termino de descular las alternativas!

o bien, existe una manera de "filtrar" el resultado de
$archivosfile=scandir($ruta);
o bien, existe una manera de "ordenar" el resultado de
$archivosfile=explode("*", $archi);

a ver si con esto, animo a alguien a ayudarme a resolver esto, que me está quemando la cabeza...

quimfv · #14 (**permalink**) 08/05/2014, 00:41

Manual

http://es1.php.net/manual/en/function.sort.php

http://www.php.net/manual/en/functio...-multisort.php

Speedbit · #15 (**permalink**) 08/05/2014, 01:09

gracias Quim... pero (como te imaginarás) ya estuve revisando esas opciones!
solo que (como ya quedó claro) estoy "arrancando" con el PHP y francamente, me está ganando!

indudablemente, me metí en un saco que me queda grande... y lo que necesito, es alguien que me pudiera dar una mano y me saque del apuro en el que estoy metido, porque la sugerencia de leer el manual nunca puede ser desacertada... pero resulta inútil, cuando uno corre contra el tiempo y las cosas requieren una "comprensión" con la que uno no cuenta y se le escapan de las manos!

de cualquier manera... gracias por tu consejo!!
que seguramente lo tendré en cuenta, una vez resuelva esto... que para mi, es una papa caliente!

saludos,

quimfv · #16 (**permalink**) 08/05/2014, 02:09

Te estoy dando dos enlaces muy concretos del manual, la lectura de los cuales no debe pasar de los 5 minutos, y ambos tienen ejemplos.

Speedbit · #17 (**permalink**) 08/05/2014, 02:32

dale... buenísimo!! gracias!