Foros del Web » Creando para Internet » CSS »

Cargar img del hover

Estas en el tema de Cargar img del hover en el foro de CSS en Foros del Web. Buenas, tengo una pregunta con respecto al a:hover en los botones del menú de mi sitio: Mi problema es que cuando pongo pongo el ratón ...
  #1 (permalink)  
Antiguo 07/02/2011, 00:09
Avatar de Jessi11  
Fecha de Ingreso: enero-2011
Mensajes: 29
Antigüedad: 6 años, 11 meses
Puntos: 1
Mensaje Cargar img del hover

Buenas, tengo una pregunta con respecto al a:hover en los botones del menú de mi sitio:
Mi problema es que cuando pongo pongo el ratón sobre uno de los botones, la imagen que seria del a:hover tarda unos segundos en cargar, y yo lo que quiero es que apenas pongan el ratón sobre el botón enseguida aparesca la imagen del hover y no que se demore en cagar.
Alguno sabe como puedo hacer para que el hover de mi botón cargue antes y no cuando pongo el ratón encima?

Dejo un ejemplo de como hago yo el botón de mi menú.
Código HTML:
<div id="nosotros">
   <a href=""></a>
</div> 
Código:
div#nosotros a:link {
	display:block;
	background-image:url(../images/boton_nosotros.png);
	background-repeat:no-repeat;
	height:114px;
	width:168px;
	float:left
} 


div#nosotros a:hover {
	background-image:url(../images/boton_nosotros_hover.png);
	background-repeat:no-repeat;
	height:112px;
	width:168px;
	float:left;
}
Muchas Gracias!
  #2 (permalink)  
Antiguo 07/02/2011, 01:04
Avatar de dual3nigma
Colaborador
 
Fecha de Ingreso: febrero-2010
Ubicación: Ciudad de México
Mensajes: 295
Antigüedad: 7 años, 9 meses
Puntos: 122
Respuesta: Cargar img del hover

Usa sprites, osea junta las dos imagenes en una, y con background-position la manipulas para que se muestre la parte que quieres, deberias investigar mas sobre el tema de "css sprites", de esa forma no solo te evitas el que aparesca un "hueco" si no que optimizas la descarga de tu sitio al hacer menos solicitudes HTTP.
  #3 (permalink)  
Antiguo 07/02/2011, 21:18
Avatar de Jessi11  
Fecha de Ingreso: enero-2011
Mensajes: 29
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: Cargar img del hover

Muchas Gracias! ya me funcionó.

Etiquetas: hover, img
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 21:15.