Hola a todos, saben este codigo me funciona muy bien en el navegador firefox pero en IE no hace nada, coloco el codigo para que le echen un vistado y me puedan ayudar, este codigo lo que hace es mover un mapa.
De antemanos Gracias
/*******************
Codigo js
**************/
function _gel(a){
return document.getElementById?document.getElementById(a) :null}
var inter=0;
var x=-200;
var y=-0;
var pausa=25;
/* mueve a la derecha la imagen */
function de()
{
if(x>=-10)
{
clearInterval(inter);
return;
}
map=_gel("mapa");
x=x+3;
map.style.backgroundPosition=x+"px "+y+"px";
}
function iz()
{
if (x<=-350)
{
clearInterval(inter);
return;
}
map=_gel("mapa");
x=x-3;
map.style.backgroundPosition=x+"px "+y+"px";
}
function ar()
{
if (y>=-0)
{
clearInterval(inter);
return;
}
map=_gel("mapa");
y=y+3;
map.style.backgroundPosition=x+"px "+y+"px";
}
function ab()
{
if (y<=-1500)
{
clearInterval(inter);
return;
}
map=_gel("mapa");
y=y-3;
map.style.backgroundPosition=x+"px "+y+"px";
}
function MapaDerecha()
{
inter=setInterval("de()", pausa);
}
function MapaIzquierda()
{
inter=setInterval("iz()", pausa);
}
function MapaArriba()
{
inter=setInterval("ar()", pausa);
}
function MapaAbajo()
{
inter=setInterval("ab()", pausa);
}
function Stop()
{
clearInterval(inter);
}
/********************
Codigo html
************************/
<div id="mapa">
<div id="navegador">
<img src="img/navegador.png" alt="navegador" usemap="#map" border="0">
<map name="map">
<area shape="rect" coords="17,4,33,12" href="#" onMouseOut="Stop()" OnMouseOver="MapaArriba()"/>
<area shape="rect" coords="17,38,33,46" href="#" onMouseOut="Stop()" onMouseOver="MapaAbajo()"/>
<area shape="rect" coords="4,17,12,33" href="#" onMouseOut="Stop()" onMouseOver="MapaDerecha()"/>
<area shape="rect" coords="38,17,46,33" href="#" onMouseOver="MapaIzquierda()" onMouseOut="Stop()"/>
</map>
</div><!-- fin navegador -->
</div><!-- fin mapa -->
/************************************************** *********
