Como hago Galeria en una tabla triple?

[HalconVigia]

Buenas!!

me eh topado con un problema que no tengo idea de como solucionarlo
me pidieron que haga una galeria del contenido de un directorio con proteccion de marca de agua, hasta aqui no tengo ningun problema

eh creado la galeria de forma de columna en un DIV asi que se aprecia bastante aceptable el caso es que me han pedido que presente 3 columnas con las imagenes que se encuentren en el directorio... y ahi es en donde me complico...
no tengo idea de como hacelo

mi codigo de la galeria dinamica es este:

Código PHP:

  $path = "gal1/"; 
$dh = opendir($path); 
$i=1; 
while (($file = readdir($dh)) !== false) { 
    if($file != "." && $file != ".." && $file != "index.php") { 
        $foto=base64_encode($path.$file); 
        echo "$i. <a href='protecfoto.php?foto=$foto' />"; 
        echo "<img src='".$path.$file."' alt='' width='216' height='134'/></a><br><hr><br>"; 
        $i++; 
    } 
} 
closedir($dh);  
   

ahora el incrustarlo en la tabla es lo que no tengo ni la mas minima idea de como hacerlo

alguien me puede ayudar u orientar??

[masterojitos]

podrias pintar una tabla de 3 columnas no ??
ahi manejas los espacios o estilos

Código PHP:

  <?php    
$path = "gal1/";
$i = 0;
echo "<table cellspacing='0' cellpadding='3' style='text-align:right;'>";
if($manager = opendir($path)){
    while(($file = readdir($manager)) !== false){
        if($file != "." and $file != ".."){
            if(strtolower(end(explode(".", $file))) == "jpg"){
                if($i &#37; 3 == 0) echo "<tr>";
                $foto = base64_encode($path.$file);
                echo "<td>".($i + 1).". <a href='protecfoto.php?foto=$foto' /><img src='$path$file' alt='' width='216' height='134' border='0' /></a></td>";
                if($i % 3 == 2) echo "</tr>";
                $i++;
            }
        }
        if($i > 13) break;
    }
    closedir($manager);
}
if($i % 3 <= 2 and $i % 3 > 0){
    for($j = $i % 3; $j <= 2; $j++){
        echo "<td>&nbsp;</td>";
    }
    echo "</tr>";
}
echo "</table>";
?>   

Nota.. en vez de "& # 3 7 ;" (sin espacios) debe de ser "%".

Suerte

[Triby]

O podrias flotar cada imagen por medio de CSS:

Código PHP:

// Aplicando el estilo directamente en la etiqueta img:
echo "<img src=\"$path$file\" alt=\"Vista previa\" style=\"width:216px; height:134px; float:left; margin:10px;\" />";
 

Lo mejor seria tener los estilos aparte en un CSS, te sugiero preguntar en http://www.forosdelweb.com/f53/ para que aclaren bien las dudas que tengas.

[masterojitos]

Claro, tambien puedes aplicar div y con css hacer lo mismo...

el codigo seria asi:

Código PHP:

  <?php    
$path = "gal1/";
$i = 0;
echo "<div style='text-align:right;'>";
if($manager = opendir($path)){
    while(($file = readdir($manager)) !== false){
        if($file != "." and $file != ".."){
            if(strtolower(end(explode(".", $file))) == "jpg"){
                $foto = base64_encode($path.$file);
                echo "<div style='float:left; margin:10px; width:250px;'>".($i + 1).". <a href='protecfoto.php?foto=$foto' /><img src='$path$file' alt='' width='216' height='134' border='0' /></a></div>";
                if($i &#37; 3 == 2) echo "<div style='clear:left;' />";
                $i++;
            }
        }
    }
    closedir($manager);
}
echo "</div>";
?>   

Ya depende de ti cual es mas comodo, con tablas o con divs...

Suerte

[HalconVigia]

Buenas!!!
muchas Gracias a los dos por responder.....

la opcion de triby funciona perfecto, no obstante me piden la tabla
por desgracia me marca error el codigo
error de comillas, ya estuve revisando y no veo por donde esten las comillas abiertas le puse igual el signo de "%" sin las comillas pero nada :(

si no logro hacerlo con la tabla la opcion de triby creo que me puede servir, aunque seria mejor si logro la tabla

desde ya muchas gracias

un saludo!!

[Triby]

Porque crees que seria mejor la tabla? es un requisito del cliente?... no es lo optimo, ni adecuado, las tablas son precisamente para "tabular datos", pero podrias usar la opcion que te dio masterojitos.

Si tienes problemas con las comillas, usa algun editor que tenga coloreado de sintaxis como Notepad++, es de gran ayuda... tambien visita: http://www.forosdelweb.com/f18/como-...s-bien-588701/

[masterojitos]

yo probe ambos codigos que te di, con tablas y con divs, y ambos funcionan.... lo unico que creo que seria tu problema es lo que te comente del "%".

Nota.. en vez de "& # 3 7 ;" (sin espacios) debe de ser "%".

la idea de triby con divs estaba buena, pero yo la impletemente justamente por que tu necesitabas en 3 columnas y con los numeros... por eso te cree un segundo post.

te recomiendo que vuelvas a copiar bien el codigo y veras que todo esta bien.

te lo vuelvo a postear por si copiaste algo que no era.

Solucion con tablas:

Código PHP:

<?php    
$path = "gal1/";
$i = 0;
echo "<table cellspacing='0' cellpadding='3' style='text-align:right;'>";
if($manager = opendir($path)){
    while(($file = readdir($manager)) !== false){
        if($file != "." and $file != ".."){
            if(strtolower(end(explode(".", $file))) == "jpg"){
                if($i % 3 == 0) echo "<tr>";
                $foto = base64_encode($path.$file);
                echo "<td>".($i + 1).". <a href='protecfoto.php?foto=$foto' /><img src='$path$file' alt='' width='216' height='134' border='0' /></a></td>";
                if($i % 3 == 2) echo "</tr>";
                $i++;
            }
        }
        if($i > 13) break;
    }
    closedir($manager);
}
if($i % 3 <= 2 and $i % 3 > 0){
    for($j = $i % 3; $j <= 2; $j++){
        echo "<td>&nbsp;</td>";
    }
    echo "</tr>";
}
echo "</table>";
?>
 

Solucion con divs:

Código PHP:

<?php    
$path = "gal1/";
$i = 0;
echo "<div style='text-align:right;'>";
if($manager = opendir($path)){
    while(($file = readdir($manager)) !== false){
        if($file != "." and $file != ".."){
            if(strtolower(end(explode(".", $file))) == "jpg"){
                $foto = base64_encode($path.$file);
                echo "<div style='float:left; margin:10px; width:250px;'>".($i + 1).". <a href='protecfoto.php?foto=$foto' /><img src='$path$file' alt='' width='216' height='134' border='0' /></a></div>";
                if($i % 3 == 2) echo "<div style='clear:left;' />";
                $i++;
            }
        }
    }
    closedir($manager);
}
echo "</div>";
?>
 

le das click a "ver original" y copias el contenido.

Un gusto apoyarte.... nos vemos

[HalconVigia]

Buenas!!

muchas gracias por responder, disculpen que no habia respondido pero me eh complicado en labores...

ya cheque los dos codigos y no se que pasa pero siendo identicos uno con el otro uno funciona y el otro no...

en cuanto a las tablas, es algo que nos ah pedido el profe. y tiene que ser asi, ya lo eh logrado con su ayuda...
muchas gracias...

un saludo

[masterojitos]

de nada mi estimado... para servirte.....

Dios te Bendiga

[Triby]

A veces esto es lo malo de que te den el codigo, no lo analizas, no lo entiendes... pero... caramba... funciona!!! ya tienes la calificacion... que importa como funcione!!!