Foros del Web » Creando para Internet » HTML »

Imagenes y CSS

Estas en el tema de Imagenes y CSS en el foro de HTML en Foros del Web. Quería saber si puedo mediante una clase CSS cambiar la imagen de <img..., es decir aplicarle una clase y decirle en el CSS que ruta ...
  #1 (permalink)  
Antiguo 02/12/2002, 06:42
 
Fecha de Ingreso: julio-2002
Ubicación: Elche
Mensajes: 153
Antigüedad: 22 años, 4 meses
Puntos: 0
Imagenes y CSS

Quería saber si puedo mediante una clase CSS cambiar la imagen de <img..., es decir aplicarle una clase y decirle en el CSS que ruta tiene.

Muchas gracias y un saludo.
  #2 (permalink)  
Antiguo 02/12/2002, 16:20
Avatar de ztikma  
Fecha de Ingreso: diciembre-2001
Ubicación: Viña del Mar
Mensajes: 1.144
Antigüedad: 22 años, 10 meses
Puntos: 1
que yo sepa.... no se puede... a menos que ésta sea la imágen de fondo de alguna celda , tabla o de la página misma...
__________________
La Pana
  #3 (permalink)  
Antiguo 02/12/2002, 16:33
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Hola DaneelR:

Si que se puede...

El atributo de estilo es background-image y creo que sirve para todas las etiquetas que se puedan poner en el body aunque es preferible usarlas en celdas, o div's (no creo que en un tag b o i o h1 tenga sentido, pero es correcto)

Puedes crearte distintos estilos:

.estilo1 {background-image: url(imagen1.gif);}
.estilo2 {background-image: url(imagen2.gif);}
...

... luego darle una clase al tag, y cambiar de clase con javascript...

onmouseover="this.className='estilo1'"
onmouseout="this.className='estilo2'"

o también puedes usar el atributo style...

onmouseover="this.style.backgroundImage=url(imagen 1.gif)"
onmouseout="bla, bla, ....

Fijate que como estilo el atributo tiene un guión, y como javascript no hay guión, pero la "I" de Image debe ser mayúscula.

Saludos
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 06:02.