Duda en HTML, mapas y scripts...

Hola, andaba diseñando una web y no entiendo por que mi script y mi mapa no funciona en HTML....gracias de antemano!


<script language="JavaScript">
<!-- Hide from older browsers
function activate1() {
document.images6["my5stMouseOver"].src = "http://shamino.iespana.es/cuadros copia.png";
}

function deactivate1() {
document.images6["my5stMouseOver"].src = "http://shamino.iespana.es/inicial.png";
}
// End script hiding -->
</script>


<script language="JavaScript">
<!-- Hide from older browsers
function activate2() {
document.images1["my4stMouseOver"].src = "http://shamino.iespana.es/estantes.png";
}

function deactivate2() {
document.images1["my4stMouseOver"].src = "http://shamino.iespana.es/inicial.png";
}
// End script hiding -->
</script>


<script language="JavaScript">
<!-- Hide from older browsers
function activate3() {
document.images3["my1stMouseOver"].src = "http://shamino.iespana.es/estudio.png";
}

function deactivate3() {
document.images3["my1stMouseOver"].src = "http://shamino.iespana.es/inicial.png";
}
// End script hiding -->
</script>


<script language="JavaScript">
<!-- Hide from older browsers
function activate4() {
document.images4["my2stMouseOver"].src = "http://shamino.iespana.es/pies.png";
}

function deactivate4() {
document.images4["my2stMouseOver"].src = "http://shamino.iespana.es/inicial.png";
}
// End script hiding -->
</script>


<script language="JavaScript">
<!-- Hide from older browsers
function activate5() {
document.images2["my3stMouseOver"].src = "http://shamino.iespana.es/planos.png";
}

function deactivate5() {
document.images2["my3stMouseOver"].src = "http://shamino.iespana.es/inicial.png";
}
// End script hiding -->
</script>

<map name="Arquitectura">
<area coords="223,-14,521,163" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20Sheldon" shape="RECT" title="Cuadros" href="javascript:void(0)" onmouseout="deactivate1()" onmouseover="activate1()" />
<area coords="0,-41,221,187" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20Spectro" shape="RECT" title="Estantes" href="javascript:void(0)" onmouseout="deactivate2()" onmouseover="activate2()" />
<area coords="-22,206,128,478" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20Goth%20Smoke" shape="RECT" title="Planos" href="javascript:void(0)" onmouseout="deactivate3()" onmouseover="activate3()" />
<area coords="128,187,350,488" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20LKaiser" shape="RECT" title="Biblioteca" href="javascript:void(0)" onmouseout="deactivate4()" onmouseover="activate4()" />
<area coords="368,131,536,499" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20LKaiser" shape="RECT" title="En pie" href="javascript:void(0)" onmouseout="deactivate5()" onmouseover="activate5()" />
<area nohref shape="DEFAULT" />
</map>
<img src="http://shamino.iespana.es/inicial.png" width="500" height="462" border="0" usemap="#Arquitectura" />
Pues basicamente el script d epasar el raton por encima no me funciona.
El error pricipal que veo es que la imagen no tiene nombre con el que lo pueda reconocer javascript. Tendrías que añadirle la etiqueta name="imagenmapa" o con el nombre que sea.

Y después en las funciones javascript hacer referencia a ella así document.imagenmapa.src en lugar de lo que has puesto.
Si, el fallo era el copia termina en cuadro solo.

En cualquier caso las demas imagenes si estan correctas y no ocarga el script.

El name= "imagen mapa" en que parte lo tendria que poner, despues de abrir el script?

Gracias!
Bueno, me expresé mal, es añadir el atributo name="loquesea" (sin espacios) dentro de la etiqueta de la imagen, es decir en el <img que tienes en el final.
Sigo sin entederlo, ponme un ejemplillo rapido.
Bueno, lo he testeado y así funciona:

<script language="JavaScript">
<!-- Hide from older browsers
function activate1() {
document.imagen.src = "http://shamino.iespana.es/cuadros.png";
}

function deactivate1() {
document.imagen.src = "http://shamino.iespana.es/inicial.png";
}

function activate2() {
document.imagen.src = "http://shamino.iespana.es/estantes.png";
}

function deactivate2() {
document.imagen.src = "http://shamino.iespana.es/inicial.png";
}

function activate3() {
document.imagen.src = "http://shamino.iespana.es/planos.png";
}

function deactivate3() {
document.imagen.src = "http://shamino.iespana.es/inicial.png";
}

function activate4() {
document.imagen.src = "http://shamino.iespana.es/estudio.png";
}

function deactivate4() {
document.imagen.src = "http://shamino.iespana.es/inicial.png";
}

function activate5() {
document.imagen.src = "http://shamino.iespana.es/pies.png";
}

function deactivate5() {
document.imagen.src = "http://shamino.iespana.es/inicial.png";
}
</script>

<map name="Arquitectura">
<area coords="223,-14,521,163" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20Sheldon" shape="RECT" title="Cuadros" href="javascript:void(0)" onmouseout="deactivate1()" onmouseover="activate1()" />
<area coords="0,-41,221,187" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20Spectro" shape="RECT" title="Estantes" href="javascript:void(0)" onmouseout="deactivate2()" onmouseover="activate2()" />
<area coords="-22,206,128,478" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20Goth%20Smoke" shape="RECT" title="Planos" href="javascript:void(0)" onmouseout="deactivate3()" onmouseover="activate3()" />
<area coords="128,187,350,488" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20LKaiser" shape="RECT" title="Biblioteca" href="javascript:void(0)" onmouseout="deactivate4()" onmouseover="activate4()" />
<area coords="368,131,536,499" href="http://theall-knowing4.blogspot.com/search/label/Autor%3A%20LKaiser" shape="RECT" title="En pie" href="javascript:void(0)" onmouseout="deactivate5()" onmouseover="activate5()" />
<area nohref shape="DEFAULT" />
</map>
<img src="http://shamino.iespana.es/inicial.png" name="imagen" width="500" height="462" border="0" usemap="#Arquitectura" />


El problema es que como las imágenes ocupan bastante (más de 200kb) hay que tener el puntero algún tiempo encima del enlace para que éstas carguen.
Ey muchas gracias, mañana lo probare que ando liadillo!

Mil gracias y te comento mañana a ver que tal.

He oido de un script que funciona para precargar imagenes.
Sí hay y podrías probarlos, pero optaría por optimizar el tamaño de esas imágenes, que ocupen juntas más de 1 mega es demasiado. Podrías dejar cada una en 50kb perfectamente sin que afecte mucho a la calidad.
Hola,

TOTALMENTE PERFECTo.

Mil gracias por la ayuda, no tengo manera de pagartelo [beer]
Una cosa a la hora de meterlo en el codigo, meteria el script dentro del body y antes del mapa siempre no?
Shamino escribió:Hola,

TOTALMENTE PERFECTo.

Mil gracias por la ayuda, no tengo manera de pagartelo [beer]
Una cosa a la hora de meterlo en el codigo, meteria el script dentro del body y antes del mapa siempre no?


la etiqueta <script> anidada dentro de la etiqueta <head>, y el código html del mapa y tal dentro del <body>
11 respuestas