Categories
JavaScript

Javascript image rollovers válidos

Ahora, cosas de la vida, le estoy metiendo mucha caña a la web del hotel de mis padres, y claro, respetará los estandaers a rajatabla, tanto el XHTML como el CSS.
El caso es que la cosa es muy compliacada, porque no es solo que se vea igual en Firefox, IE y Opera, además de que se degarade decentemente a un navegador en modo texto como Links, que sea accesible (con sus accesskeys, sus titles, etc etc), que eso es más o menos sencillo.
Lo complicado es hacer alguna virgueria (algo tan sencillo como un rollover de una imagen) sin que se te vaya la navegación al garete, o se deje de ver en alguno de los 3 pesos pesados…
Bueno,al tema que me lio: Para hacer un simple image rollover que se vea en los 3 jinetes del apocalipsis, que valide y que además sea muy fácil de mantener, pasaros por aquí: Image Rollovers Without Inline HTML Markup

Ala, ya he soltado la pataleta 😉

One reply on “Javascript image rollovers válidos”

Jajaja! Bueno, el enlace es interesante, pero te has complicado mucho: mira ésto. Ese es el ejemplo básico. Además puedes ahorrar tiempo de carga si damos una ligera vuelta de tuerca a mi ejemplo y creamos una única imagen con los dos estados y utilizamos background-position en el estado hover. Sin Javascript, ni chorradas. Exclusivamente HTML y CSS básicos y válidos. 😉

Comments are closed.