Anónimo
Cambiar imagenes en celdas
Hola,
Tengo un menu en el que de inicio cargo una imagen. Me gustaría que cuando pongo el ratón encima de la imagen, me cargue otra imagen y cuando clicko en la celda(que es una imagen) me cargue otra.
Llevo tiempo intentandolo y no soy capaz.
Ma hariais un gran favor si me contestais a estra pregunta.
Gracias
Tengo un menu en el que de inicio cargo una imagen. Me gustaría que cuando pongo el ratón encima de la imagen, me cargue otra imagen y cuando clicko en la celda(que es una imagen) me cargue otra.
Llevo tiempo intentandolo y no soy capaz.
Ma hariais un gran favor si me contestais a estra pregunta.
Gracias
Respuesta de krlosnow
1
Prueba con esto a ver si te sirve:
<html>
<head>
<style type="text/css">
.imgOut{
height:70px;
width:70px;
background-image:url(imagenes/imagenOut.jpg);
}
.imgIn{
height:70px;
width:70px;
background-image:url(imagenes/imagenIn.jpg);
}
.imgClick{
height:70px;
width:70px;
background-image:url(imagenes/imagenClick.jpg)
}
</style>
</head>
<body>
<div class="imgOut" onMouseOver="this.className='imgIn';" onMouseOut="this.className='imgOut';" onClick="this.className='imgClick'"></div>
</body>
</html>
Espero que te sirva. Un saludo y no te olvides de puntuar mi respuesta:
Carlos
<html>
<head>
<style type="text/css">
.imgOut{
height:70px;
width:70px;
background-image:url(imagenes/imagenOut.jpg);
}
.imgIn{
height:70px;
width:70px;
background-image:url(imagenes/imagenIn.jpg);
}
.imgClick{
height:70px;
width:70px;
background-image:url(imagenes/imagenClick.jpg)
}
</style>
</head>
<body>
<div class="imgOut" onMouseOver="this.className='imgIn';" onMouseOut="this.className='imgOut';" onClick="this.className='imgClick'"></div>
</body>
</html>
Espero que te sirva. Un saludo y no te olvides de puntuar mi respuesta:
Carlos