Javascript + IMAGENES

[skyblack]

Saludos, Hoy les vengo a presentar una duda con la que no he encontrado un lugar donde me expliquen desde lo basico como un javascript puede cambiar o voltear una imagen para mostrar en el HTML.

Es raro leer esa descripcion, ¿ verdad ? Pero pues adjunto una imagen para que sepan mas o menos de lo que hablo y talvez con la misma imagen sepan a lo que me refierio



Nose como es que el javascript o CSS sabe como intercambiar la parte de arriba con la de abajo y diferenciando la imagen en 4
______________
|----- |------|
|----- |------|
|----- |------|
|====+====|
|-----|-------|
|-----|-------|
|-----|-------|


Algo chueco pero pss asi me imagino que hace las secciones para poder posicionarlo en el HTML dentro de una imagen. no saben de algun tutorial que me explique como esta este asunto o alguien que tenga el tiempo y conocimiento para explicarlo ?

Seria de mucha ayuda :p gracias!

[Dradi7]

pero esto es sencillamente el uso de css solamente tienes que manejar el position de como debes mostrar la imagen

Revisa estos links

http://www.htmlhelp.com/es/reference...-position.html
http://www.codertools.com/css_help_g...-position.aspx
http://www.studiopress.com/design/cs...e-graphics.htm

Y si sigues buscando en la web encontraras miles maneras de como explicarte, solo es cuestion de que busques con la palabra Background-Position

Saludos

[furoya]

No termino de entender el planteo.

Si es usar sprite para mostrar un rollover de botón, hay mil ejemplos, y en el último enlace de Dradi7 hay uno práctico con íconos de redes sociales.
En todos los casos, tenés que ponerles vos mismo las coordenadas, JS o CSS no van a adivinar.
O sí. Bueno, casi.

hover imagen generico??

Pero en todos es "desplazar", no "voltear". La imagen ya la creás volteada y elegís que parte se va a ver, como un clip.
Ahora, si te referís a voltear la imagen con javascript, hay alguna forma. Pero se usaba cuando el método CSS no era compatible. Y más que nada para texto, porque hacer una imagen espejo con un editor es muy fácil; no hace falta espejarla en el navegador.

Voltear texto verticalmente en Firefox ( sin filter : flipV(); flipH() )

Para más datos, busca

site:www.forosdelweb.com sprite rollover