Label: Diseño
Cuando cargamos varias imágenes en una pagina o cuando cargamos imágenes de alta calidad, estas demoran en cargar. Para ello agregaremos un precargador para indicar que la imagen esta cargando. y esto mediante css y html.
Pasos:
Obteniendo la Imagen
Primero es conseguir una imagen la que indique que se esta cargando la imagen buscando en google o entrando a esta web.
Creando el estilo
Ahora que ya tenemos la imagen, creamos un estilo llamado loading donde colocamos como fondo centrado verticalmente y horizontal sin que se repita.
.loading {
background: url(loading.gif) no-repeat center center;
}
Donde dice loading.gif reemplaza por tu imagen
Para aplicar:
Es recomendable colocar con las dimensiones de la imagen para que asi el navegador la reconosca y le dé espacio para la imagen de precarga.
<img class="loading" src="tuimagen.jpg" width="250" height="250"/>
Cuando cargamos varias imágenes en una pagina o cuando cargamos imágenes de alta calidad, estas demoran en cargar. Para ello agregaremos un precargador para indicar que la imagen esta cargando. y esto mediante css y html.
Pasos:
Obteniendo la Imagen
Primero es conseguir una imagen la que indique que se esta cargando la imagen buscando en google o entrando a esta web.
Creando el estilo
Ahora que ya tenemos la imagen, creamos un estilo llamado loading donde colocamos como fondo centrado verticalmente y horizontal sin que se repita.
.loading {
background: url(loading.gif) no-repeat center center;
}
Donde dice loading.gif reemplaza por tu imagen
Para aplicar:
Es recomendable colocar con las dimensiones de la imagen para que asi el navegador la reconosca y le dé espacio para la imagen de precarga.
<img class="loading" src="tuimagen.jpg" width="250" height="250"/>
Jue Sep 26, 2019 10:05 am por Axel
» Pesconmebol 2009 [V3] Pes6
Mar Feb 24, 2015 12:27 pm por andrecuellar
» Super patch pes 2008
Jue Feb 19, 2015 4:41 pm por sebachicha
» Super campeones v2.0 pes 6
Sáb Sep 14, 2013 10:26 pm por fansdeleo
» Parche de pes 6 a pes 2010
Jue Mayo 02, 2013 7:45 pm por nikitoiacc97
» Vallas publicitarias pes 6
Sáb Oct 27, 2012 12:37 pm por tutomaster
» Pack de previas de estadios
Sáb Mar 31, 2012 2:54 am por Leoo!!
» Parche Pespasionarg Clausura 2010 Pes 6
Miér Feb 01, 2012 11:12 am por alexocd264d
» Map afs 0_sound [pes6]
Sáb Oct 15, 2011 10:10 pm por ivan carmona