problema con onmouseover, onmouseout y onmousedown

[zaida]

Hola tengo la suiguente duda:

Tengo una imagen y quiero que cuando se haga onMouseOut cambie la imagen, al hacer onMouseover vuelva a la imagen del inicio y al hacer onMouseDown permanezca la segunda imagen aunque quites el cursor de la imagen. Éste es el código que tengo, pero no me lo hace correctamente, cada vez que quito el cursor de encima vuelve a la imagen del principio:

Código HTML:

<img onMouseOver="imagen_a()" onMouseOut="imagen_0()"  onMouseDown="inicio()">
function inicio()
{
window.frames["contenido2"].location.href = "inicio2.htm";
document.getElementById('banner').src='img/imagenes/banner.gif';
document.getElementById('imagen').src='img/mapa1.gif';

}
function imagen_0()
{
document.getElementById('imagen').src='img/mapa.gif';
document.getElementById('flecha1').src='img/imagenes/flecha.gif';
document.getElementById('flecha2').src='img/imagenes/flecha.gif';
fintextointermitente();
window.frames["contenido"].location.href = "inicio.htm";
}
function imagen_a()
{
document.getElementById('imagen').src='img/mapa1.gif';
inter();
window.frames["contenido"].location.href = "inicio_a.htm";
document.getElementById('flecha1').src='img/imagenes/flecha_b.gif';
document.getElementById('flecha2').src='img/imagenes/flecha_b.gif';
}

¿Alguien puede decirme que ésta mal?¿Hay otra manera de hacerlo?
Saludos y gracias

[zaida]

He probado a cambiar el onMouseDown por un onclick pero tampo me funciona correctamente, alguien sabe por qué?

Saludos y gracias

[zaida]

¿Nedie puede darme una idea de como hacerlo?

Saludos!!!

[lord_orpheo]

osea quieres que cuando coloquen el mouse sobre la imagen cambie a la imagen del inicio cuando salga cambie a otra, es eso??

[amokiller]

No se si lo he entendido bien.
Si lo que necesitas es que una vez que se pulse la imagen ya no cambie mas, prueba lo siguiente:

Código:

var pulsado = "no";
function cambiarimagen()
{
if (pulsado == "no")
{
cambioimagen;
}
}
funtion hacerclick()
{
pulsado = "si";
}

Con esto, una vez pulsado, ya no se ejecutaria el cambio de imagen.

[zaida]

Tengo seis imágenes (una dividida en seis):

Lo que necesito es que por ejemplo al pasar por encima de la primera imagen que se llama mapa cambie a mapa1, al quitar el cursor de encima vuelva a mapa, al pulsar sobre la imagen pase a mapa1, y al quitar el cursor de encima se mantenga mapa1 y hasta que no pulse sobre otra imagen no cambie a mapa.

Espero haberme esplicado , en cualquier caso gracias por contestar y nuna pregunta más, amokiller ¿cómo declaro la variable "no" para probar el código que me has puesto?

Saludos y muchas gracias

[Kitiara]

Iniciado por zaida

...
document.getElementById('imagen').src='img/mapa1.gif';

}
function imagen_0()
{
document.getElementById('imagen').src='img/mapa.gif';
...

Uhm... a ver, no tengo mucha idea de código pero...¿podría ser que tuvieras problemas con el nombre de la variable? Tiene la misma nomenclatura pero llaman a imágenes distintas...

[zaida]

Hola Kitiara;

Es que tengo una sola imagen con id="imagen" y seis zonas interactivas que dividen esa imagen, por eso llaman a distintas imágenes.Espero que no sea ese el problema.

Saludos

[zaida]

Hola amokiller:

Gracias , lo conseguí con el código que pusiste.

Saludos

[amokiller]

Me alegro, pa eso tamos.
Saludos