Visual Web Developer - onmouseover

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 clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

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 clara

No me gusta: Está respuesta no esta clara o no es útil

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

Comentar

Consulta SQL ayuda

Como conectar una base Datos de Excel con Visual studio 10