Ver Mensaje Individual
  #8 (permalink)  
Antiguo 31/10/2010, 12:30
walrus86
 
Fecha de Ingreso: junio-2010
Mensajes: 155
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: cargar imagenes con display: none

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Pienso que es más eficiente tener la imagen en un tag img que precargar la imagen con javascript... pero si el problema es por un rollover, también se puede hacer con dos tags img...

<img src="imagen.gif"
onmouseover="this.style.display = 'none'; this.nextSibling.style.display = 'inline'"
/><img src="rollover.gif"
onmouseout="this.style.display = 'none'; this.previousSibling.style.display = 'inline'"
/>

Con css se podría hacer con :hover, pero en explorer solo funcionaría se lo usases con enlaces... y habría problemas semánticos.

Por cierto, el enlace no lo he podido abrir...

Saludos
El problema de esto seria que no son imagenes <img> dentro de elementos <a>, sino que son botones submit de formularios, con la imagen de fondo puesta con background-image, no se si me entiendes

ahora mas tarde pruebo de la otra manera a ver si sale bien

muchas gracias por sus respuestas