remplazar atributo de imagen usemap u otra solucion [historia larga y aburrida de por que estoy escribiendo esto si quieres puedes saltartela]
tengo que hacer una proyecto para la escuela pero yo en mi deseo por lucirme he querido hacer mas alla de lo que me enseñaron pero como aun no me lo enseñan no lo entiendo bien y he tenido que investigar y copiar algunos codigos de internet y remplazarlos algunos datos con mi logica pero se me presento un problema
[Fin de la historia larga y aburrida]
y es lo siguiente:
segun un codigo que me saque de internet esto cambia la imagen al dar click en ella
<img src="crpc.png" usemap="#l" onclick="this.src = l(this.src);" />
<script>
function l(src){
src = "";
src = "416.png";
return src;
}
</script>
y si funciona crpc.png al ser clickeada si cambia por la imagen 416.png pero segun yo en mi logica si cambio todos los src que hace referencia al src de la imagen por un usemap deberia tambien poder alterar el valor del usemap para remplazar el mapa actual por otro mapa otro mapa en la imagen realmente este no es el ejemplo original pero es mas o menos la idea
[Historia larga de lo que deseo hacer]
lo que realmente estoy haciendo es una pagina que cuando le das click a una flecha (es una imagen) cambie el titulo (el cual realmente es una imagen muy grande) por varios botones (es otra imagen grande) y al volver a dar click en la imagen regrese al titulo y todo esto ya lo consegui pero el problema se me presento al poner el mapa ya que cuando presiono click sobre la flecha y regresa al titulo el mapa de los botones se queda pues solo estoy cambiando el src de la imagen y no sus atributos por lo tanto el mapa se queda y yo lo que deseo es que cuando clickees sobre el titulo te envie a la pagina inicio y cuando des click en los botones entonces que cuando haga cambiar la imagen tambien debo hacer cambiar el usemap para que se quiten las secciones de los botones y se coloque la seccion del titulo pero por alguna razon no funciona de la misma manera o algo estoy haciendo mal
[Fin de la larga historia de lo que deseo hacer]
pero a pesar de que escribo:
<img src="crpc.png" usemap="#l" onclick="this.src = l(this.src);this.usemap = L(this.usemap) " usemap="#l"/>
<map name="l">
<area shape="rect" coords="0,0,410,313" href="sun.htm" alt="Sun">
</map>
<map name="L">
<area shape="rect" coords="0,0,110,313" href="sun.htm" alt="Sun">
</map>
<script>
function L(usemap){
usemap="#L"
return usemap;
}
</script>
alguien que sepa ayudarme o que conosca otra manera porfavor ayudeme (no tan solo poniendo un codigo si no tambien dandome una breve explicacion del funcionamiento por favor pero solo si pueden y si quieren)
