Aplicar hover a imagenes

[SrFurias]

¿Alguien me dice que hay que poner en CSS para modificar la imagen que quieras?

Gracias.

[Heiroon]

A que te refieres con modificar la imagen que quieras?

el hover consiste en el evento de colocar el mouse sobre algo, y puedes aprovecharlo en css y cambiar los estilos a ese objeto.

este es un ejemplo:

Código HTML:

<div class="ejemplo"></div>
 

Código CSS:

.example 
{
   background-color: #000000;
   height: 200px;
   width: 220px;
}
 
.example:hover
{
   background-color: #FF0000;
}
 

En el caso de una imagen seria el background-image.

Ahora bien, si te refieres a una etiqueta img, tienes que usar JavaScript para cambiar el atributo src.

Espero haberte ayudado.

[kseso?]

Iniciado por Heiroon

A que te refieres con modificar la imagen que quieras?<--Suscribo. Debe esforzarse en preguntar con un mínimo de concreción.

el hover consiste en el evento de colocar el mouse sobre algo, y puedes aprovecharlo en css y cambiar los estilos a ese objeto.<--Y en esos estilos está el mostrarse o no



Ahora bien, si te refieres a una etiqueta img, tienes que usar JavaScript para cambiar el atributo src.<--Disiento. Puede haber 2 imágenes, y mostrar una u otra. Cambiando z-index, visibilidad, posición...

Espero haberte ayudado.

[kseso?]

Valoración negativa en Aplicar hover a imagenes por SrFurias que comentó 'Solo citastes el mensaje de Heiroon'

@SrFurias
Veo que tiene las mismas carencias tanto para exponer su consulta como para comprender las respuestas.
Eso o la cianopsina de sus conos falla.

Juguemos un rato, pues, con el botón del k

[rodeirojg]

Podés recurrir a la forma mas sencilla. En Dreamweaver, vas al menú Insertar --> Objetos de Imagen --> Imagen de Sustitución. Y listo!!! Se genera automáticamente el Javascript, y cuando el mouse pase sobre la imagen, esta cambiará por la que hayas seleccionado.

Saludos!!

[pzin]

Iniciado por kseso

Disiento. Puede haber 2 imágenes, y mostrar una u otra. Cambiando z-index, visibilidad, posición...

O incluso un archivo con dos imágenes (pegadas una a otra) y jugar con position en un elemento bloque.