cambiar class y imagen al pasar un boton con imagen

[chalchis]

hola amigos buen dia tengo este codigo
que muestra un boton con una imagen de fondo
le agrege una funcion que la pasar sobre el boton
cambie el class asi

function rol()
{
document.forms.formulario.boton_2.className="boton enviarinsumo_disable";

}


<form name="formulario">

<button name="boton_2" type="button" title="Nuevo insumo" alt="Nuevo insumo" class="botonenviarinsumo" onClick="suma('aqui','a')" onmouseover="rol()">
<img src="../Imagen/Insumos_img/nuevo.gif" border="0" width="22" height="22"><br>solicitar art&iacute;culo
</button>

</form>

pero como le podre cambiar la imagen
saludos espero sus comentarios

[chalchis]

<button name="boton_2" type="button" title="Nuevo insumo" alt="Nuevo insumo" class="botonenviarinsumo" onClick="suma('aqui','e')">
<img src="../Imagen/Insumos_img/money.gif" id="botonimagen_2" border="0" width="22" height="22"><br>solicitar efectivo
</button>

y en la funcion

function rol()
{
document.forms.formulario.boton_2.className="boton enviarinsumo_disable";
document.forms.formulario.botonimagen_2.src="../otra.gif";
}

Iniciado por chalchis

hola amigos buen dia tengo este codigo
que muestra un boton con una imagen de fondo
le agrege una funcion que la pasar sobre el boton
cambie el class asi

function rol()
{
document.forms.formulario.boton_2.className="boton enviarinsumo_disable";

}


<form name="formulario">

<button name="boton_2" type="button" title="Nuevo insumo" alt="Nuevo insumo" class="botonenviarinsumo" onClick="suma('aqui','a')" onmouseover="rol()">
<img src="../Imagen/Insumos_img/nuevo.gif" border="0" width="22" height="22"><br>solicitar art&iacute;culo
</button>

</form>

pero como le podre cambiar la imagen
saludos espero sus comentarios