Mmmm...
Los botones con imágenes (lo recomendado), no son <object>
No puse el código completo, por obvio... pero veo que estás empezando con el xHTML.
Sería, así:
Código :
<script>
function cambiar()
{capa1=document.getElementById('id_de_la_capa');
capa1.style.visibility=(capa1.style.visibility=='hidden'?'visible':'hidden';}
</script>
<img src="url_de_la_imagen" onmousedown="javascript:cambiar();" y onmouseup="javascript:cambiar();" alt="pon_el_texto_que_pone_la_imagen" title="pon_el_texto_que_pone_la_imagen" />
Si investigas un poco, verás que puedes hacer que la imagen cambie según si estás encima o no, con el cursor, o incluso si la estás pulsando.
Código :
<script>
function cambiar()
{capa1=document.getElementById('id_de_la_capa');
capa1.style.visibility=(capa1.style.visibility=='hidden'?'visible':'hidden';}
function over_out(e)
{e.src=(e.src=='url_de_la_imagen_out'?'url_de_la_imagen_hover':'url_de_la_imagen_out';}
</script>
<img src="url_de_la_imagen_out" onmouseover="javascript:over_out(this);" y onmoout="javascript:cover_out(this);" onmousedown="javascript:cambiar();" y onmouseup="javascript:cambiar();" alt="pon_el_texto_que_pone_la_imagen" title="pon_el_texto_que_pone_la_imagen" />
Hay cientos de posibilidades.
Te recomiendo el paquete completo de libros.
A mí me fué genial con los tres de ANAYA:
- xHTML
- CSS y DHTML
- JavaScript
(Desde luego, que los dos últimos, sí que deberías)
Cada uno unos 11-13€ (muy baratico, ya ves)
De bolsillo y muy sintéticos.
Más info,
aquí.