Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/02/2010, 15:13
Sintak
 
Fecha de Ingreso: marzo-2008
Mensajes: 56
Antigüedad: 16 años
Puntos: 0
duda existencial con rollover accesible

Buenas

Llevo to el dia comiendome el tarro, estoy intentando hacer un rollover con dos imagenes, una encendida y otra apagada y quiero hacerlo de manera que, si se desactivara javascript se quedara la imagen iluminada, pero por mas vueltas que le doy no le veo la solución.

Se puede hacer el rollover con [URL="http://www.desarrolloweb.com/articulos/--0--.html"]javascript[/URL] o con [URL="http://www.desarrolloweb.com/articulos/2362.php"]CSS[/URL].

La respuesta podria ser facil: hazlo con css y será accesible, pero el sistema se lo quiero aplicar a "pestañas" y cada una llevaría una imagen distinta de encendido y apagado.

Con javascript se facilita la tarea ya que solamente poniendo esta linea de código

Código Javascript:
Ver original
  1. <img border=0 src="apagada.gif" onmouseover="this.src='encendida.gif'" onmouseout="this.src='apagada.gif'">

y cambiando la imagen en cada pestaña valdría, pero si no funcionara javascript las pestañas se quedarían apagadas, por lo que no es factible.

haciendolo CSS es muy tedioso y menos efectivo.

Se sabe de alguna otra manera?