ago
11
2009
11
2009
Mostrar un cargador de imágenes con CSS
An article by 
Cargar imágenes con CSS
Hoy en dia es muy comun visitar galerias en internet y nos muestra la tipica imagen de “Cargando” mientras nos muestra la imagen deseada… y se acostumbra el uso de JS… y Ajax para cargar contenidos e imagenes sin necesidad de volver a cargar todo nuestro sitio, pero bueno por que no lo hacemos con CSS? jeje… un truco sencillo y talvez… util para algunos asi que aqui va.
Solo necesitamos un GIF animado o cualquier imagen ligerita que querramos para que se mustre mientras carga nuestra imagen grande.
Codigo HTML para – Cargar imagenes con CSS
<img class="imagen" src="cargando_imagenes_css.jpg" alt="Mostrar "cargando"... en imagenes con CSS" />Codigo Hoja de Estilos para – Cargar imagenes con CSS
body{text-align:center;background:#000;} img.imagen{background:#FFF url(load.gif) no-repeat center center;}
Perdon de parte de todos, andamos un pelin liados, y ese es el motivo por el poco movimiento en este blog… pero igual tratamos de dar post nuestros que aprendimos nosotros mismos… y no copiamos y pegamos como otros sitios…
Etiquetas: cargar imagenes con css, CSS, images, js, load, Mostrar un cargador de imágenes con CSS, no javascript
4 Comments + Add Comment
Leave a comment
Patrocinador
Siguenos
Suscribete
Correo @zoneartcss.com
Comentarios
- juan manuel en Subdominios con php y .htaccess
- PCHART-Crear gráficas en PHP | Espacio de *M@?!*[lOs KeRoS mUcHo a ToDoS...] en Pchart – Crear gráficas en PHP
- EH en Evitar resize de un textarea con CSS
- KAREN en Envia mensajes de texto gratis a celulares telcel
- Elie Cottage en Ventajas y desventajas de tener un blog gratis
con CSS2 aun no se puede hacer… esto ya que “no maneja tiempos” vamos no es dinamico. este post da el efecto de “cargando” mas no lo simula recuerda que las imagenes se cargan de arriba hacia abajo y se puede aprovechar este pequeño truco… pero para elementos como un flash aun no es posible… y no quiero atreverme a decir pero creo que en CSS3 tampoco o bien estara dificil pero investigare lo poco que se de CSS3 nose puede chao y suerte…
Como puedo hacer que cuando se ejecute un video en flv salga una imagen d precarga solo con css?
citandome de nuevo
“se acostumbra el uso de JS… y Ajax para cargar contenidos e imagenes sin necesidad de volver a cargar todo nuestro sitio”
no es lo mismo usar JS que una linea de CSS que practicamente hace el mismo efecto
es solo con CSS pero gracias por opinar choa y suerte!…
muy bueno este truco…. muy interesante… solo que, se utiliza ajax para evitar recargar la pagina y con esto igual tendria que cargarse toda la pagina nuevamente o talvez con ifrme se soluciona……