Visual Web Developer - onmouseover

 
Vista:

onmouseover

Publicado por eduardo (2 intervenciones) el 27/03/2013 17:35:33
Estoy empezando un sitio en Visual Web Developer.
Quiero hacer que cuando pase el mouse por encima de los imagebutton, cambien la imagen. Así es el menú.
Con el evento click no tuve problemas al hacerlo. De hecho fue muy simple. Pero no lo consigo con el onmouseover.
Alguien puede darme una ayuda con eso? O hay otra forma de hacer el mismo efecto con el mouse?
Desde ya gracias y saludos.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Ella Ilona

onmouseover

Publicado por Ella Ilona (1 intervención) el 31/03/2013 21:13:32
Esto se hace con JavaScript. Para obtener interfaz de usuario responsiva se utiliza el codigo Base64 de las imagenes:


<head runat="server">
<script language="javascript" type="text/javascript">

// se debe convertir la imagen en codigo base64
//los navegadores nuevos aceptan hasta 32 kB por imagen

var imgmouseover = "data:image/jpeg;base64,iVBORw0KGgoA.....";
var imgmouseout = "data:image/jpeg;base64,iVBORw0K...";

function mimouseover() {
document.getElementById("ImageButton1").src = imgmouseover;
}

function mimouseout() {
document.getElementById("ImageButton1").src = imgmouseout;
}
</script>
</head>

..................
//Así es el elemento ImageButton dentro del elemento "<body>":
.....................

<asp:ImageButton ID="ImageButton1" runat="server" Height="48px" Width="48px"
onmouseover="mimouseover()" onmouseout="mimouseout()" />


Ella
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

onmouseover

Publicado por eduardo (2 intervenciones) el 01/04/2013 02:42:29
Buenísimo.
Muchas gracias por la ayuda.
Saludos :).
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar