Cambiar imagen de un ImageButton de asp.net con javascript

[yalvinovino]

Buenos días, estoy programando un sitio con asp.net y tengo el siguiente problema que no he podido solucionar.

Yo quiero que un ImageButton cambie su apariencia en el evento OnMouseOver, lo que hago es esto

//en el Page_Load de mi code behind seteo la ImageUrl del ImageButton
botonTwitter.ImageUrl = "~/img/botones/botonTwitter.jpg";

//luego le agrego el evento OnMouseOver y la funcion correspondiente
botonTwitter.Attributes.Add("OnMouseOver", "javascript:Cambiar('" + botonTwitter.ImageUrl + "', '1');");

luego en el javascript que tengo referenciado en mi página hago lo siguiente

function CambiarImagen(name, direction)
{
//corto la url que mande en el punto para sacarle el .jpg
var url1 = name.split('.');
//corto el string anterior para obtener el id del control asp que tiene el mismo nombre
//que la foto
var url2 = url1[0].split('/');
//obtengo el nombre del id del ImageButton
var idControl = url2[3];

switch(direction)
{
case '1':

AQUI ESTA MI GRAN PROBLEMA :( COMO ACCEDO A LA PROPIEDAD ImageUrl DEL
CONTROL DESDE JAVASCRIPT?

break;
}
}


Si alguien tiene una idea de como se hace estaré muy agradecido, saludos.
Iván

[fahren]

Hola, no se si has logrado resolverlo pero las propiedades para cambiar imagen que empleo son las siguientes:

Código:

btn.Attributes.Add("onmouseover", "src='" + dataReader2["ruta_img_2"].ToString() + "'");

btn.Attributes.Add("onmouseout", "src='" + dataReader2["ruta_img_1"].ToString() + "'");

Asumiendo que usas c# con el framework en su version 4 eso te servira. Ten presente que yo leo procedimientos almacenados y que tu deberas reemplazar el texto "+ dataReader2["ruta_img_1"].ToString() +" por l aurl de la imagen que deseas usar.

No hay mas codigo que se requiera que el que visualizas aqui, no necesito un javascript que haga el cambio puesto que la funcion onmouseover y onmouse out se encargan de todo el trabajo de cambio de imagenes.

Espero te sea de utilidad a ti y a cuantos otros buscan esta respuesta.

Saludos

[CRauda]

Te estas complicando mas de la cuenta XD

en el onMouseOver solo manda a llamar una funcion de javascript y desde ahi solo haces algo como esto:

Código HTML:

<asp:ImageButton ID="botonTwitter" runat="server" ImageUrl="tuImagenInicial.gif" />
 

y siempre haces esto del

Código vb:

botonTwitter.Attributes.Add("OnMouseOver", "javascript:CambiarImagen();");
 

Código Javascript:

function CambiarImagen(){
    var imageButton =  document.getElementById("<%=botonTwitter.ClientId %>");
    var imageButton.src = "";//aca la ruta de la nueva imagen
}
 

Espero que te sirva.