hola amigos estuve viendo una parte de esta pagina
http://xergio.net/album-11/art-cool/capturas.html
la forma en que cargan las imagenes muestra un mensaje indicando que esta cargando la imagen
no se si esto sea, funciona bien pero quiero saber si me sobran lineas
y el otro problema es que si las imagenes la inserto dentro de una celda
de una tabla no sale el mensaje
este el archivo .css
cargar.css
#albums img { background: #fff url(cargando.gif) no-repeat center center; }
#albums p.descripcion { text-align: center; margin: 0 0 30px 0; color: #FF0000; border-bottom: 1px dotted #ddd; font-style: italic; }
#albums #minimagenes .imagen img { border: 1px solid #000; }
#albums #minimagenes .imagen a:hover img { border: 1px solid #0080FF; }
#albums #minimagenes .imagen span { display: block; font-size: .8em; margin-top: 5px; }
#albums #minimagenes #paginacion_galerias { clear: both; margin: 20px 0; }
#albums #mediasimagenes .imagenmedia { display: block; position: relative; float: left; width: 500px; text-align: center; margin-bottom: 40px; }
#albums #mediasimagenes img { border: 1px solid #000; }
#albums #mediasimagenes a:hover img { border: 1px solid #0080FF; }
#albums #mediasimagenes .imagenmini span { display: block; font-size: .8em; margin: 5px 0; }
#albums #mediasimagenes .imagenmedia span { display: block; font-size: 1.3em; margin-top: 10px; }
#albums #mediasimagenes .imagenmedia p { text-align: left; margin: 10px 0 0 0; padding: 0; }
#albums #comalbums{clear: both; width: 500px; margin: 0 220px; }
esta es la pagina html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<TITLE> Images </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="cargar.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<div id="albums">
<div id="minimagenes">
<?php
//definimos el nombre del script que genera los thumails
$thumnail = 'prueba2.php';
//definimos el ancho de las imagenes
$width = 120;
$height = 120;
//definimos el nombre del directorio en el que se encuentran las imágenes
$path = '../imagenes/';
$dir = opendir($path);
//leeemos el contenido del directorio
while ($file = readdir($dir))
{
//tipo de archivo
$tipo=mime_content_type($path.$file);
$validar=explode('/',$tipo);//imagen/formato
//seleccionamos sólo los archivos con extensión .jpg
if(($elemento!='.')&&($elemento!='..')&&($validar[0]=='image'))
//if(is_file($path.$file) && preg_match("/\.jpg$/i", $file))
{
//echo '<A HREF="'.$path.$file.'" TARGET="_blank">';
//colocamos la imagen con ruta al script que genera los gráficos preliminares
//echo '<IMG SRC="'.$thumnail.'?filename='.$path.$file.'&width= '.$width.'&height='.$height.'" WIDTH="'.$width.'" HEIGHT="'.$height.'" BORDER="1" HSPACE="8" VSPACE="8">';
echo '<IMG SRC="'.$thumnail.'?filename='.$path.$file.'" WIDTH="'.$width.'" HEIGHT="'.$height.'" BORDER="1" HSPACE="8" VSPACE="8">';
//echo '</A>';
}
}
//cerramos el descriptor
closedir($dir);
?>
</div>
</div>
</BODY></HTML>
espero sus comentarios
saludos
gracias
