Foros del Web » Creando para Internet » CSS »

mostrar cargando... en una imagen

Estas en el tema de mostrar cargando... en una imagen en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/04/2006, 17:18
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 14 años, 4 meses
Puntos: 21
mostrar cargando... en una imagen

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
__________________
gerardo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:09.