Cambiar ruta de imágenes [RESUELTO]

Jamlet · #1 (**permalink**) 06/04/2009, 04:23

Hola a todos, hoy vengo con una duda que creo es sencilla.

He elaborado este código javascript para intercambiar imagenes. Pero no me va. A ver si podéis decirme donde falla. Gracias.

Código PHP:

  <html>

<head>

<title>Pruebas enlaces de colores</title>

<script type="text/javascript">

primer_a = new Image;

primer_a.src = "primer_a.png";

segun_a = new Image;

segun_a.src = "segun_a.png";

tercer_a = new Image;

tercer_a.src = "tercer_a.png";

 
function CambiarImagen(nombre){

    var activo = "vacio";

    if (activo == primer){

        document.primer.src = primer_a.src;

        document.nombre.src = '"' + nombre + '_r.png"';

        activo = nombre;

    }

    if (activo == segun){

        document.segun.src = segun_a.src;

        document.nombre.src = '"' + nombre + '_r.png"';

        activo = nombre;

    }

    if (activo == tercer){

        document.tercer.src = tercer_a.src;

        document.nombre.src = '"' + nombre + '_r.png"';

        activo = nombre;

    }

    if (activo == vacio){

        document.nombre.src = '"' + nombre + '_r.png"';

        activo = nombre;

    }

}

</script>

</head>

 
<body>

<a href="javascript:CambiarImagen("primer");"><img name="primer" src="prim_n.png" width="100" height="40" border="0"></a>

<a href="javascript:CambiarImagen("segun");"><img name="segun" src="segun_n.png" width="100" height="40" border="0"></a>

<a href="javascript:CambiarImagen("tercer");"><img name="tercer" src="tercer_n.png" width="100" height="40" border="0"></a>

</body>

</html>

La idea es hacer un menú con imagenes. que se vean en negro cuando no se han visitado, que se vea en azul cuando es la última visitada y que se vea en rojo cuando fueron visitadas y no son la última.

Jamlet · #2 (**permalink**) 06/04/2009, 05:43

Ya lo he resuelto aunque me sale un churro de narices.

Código PHP:

  <html>

<head>

<title>Pruebas enlaces de colores</title>

 
<script type="text/javascript">

 
var activo = "vacio";

var primer_usado = false;

var segun_usado = false;

var tercer_usado = false;

primer_a = new Image(100, 40);

primer_a.src = "primer_a.png";

segun_a = new Image(100, 40);

segun_a.src = "segun_a.png";

tercer_a = new Image(100, 40);

tercer_a.src = "tercer_a.png";

primer_r = new Image(100, 40);

primer_r.src = "primer_r.png";

segun_r = new Image(100, 40);

segun_r.src = "segun_r.png";

tercer_r = new Image(100, 40);

tercer_r.src = "tercer_r.png";

 
function CambiarImagen(nombre){

    activo = nombre;

    if (activo == primer){

        document.primer.src = primer_a.src;

        primer_usado = true;

        if (segun_usado = true){

            document.segun.src = segun_r.src;

        }

        if (tercer_usado = true){

            document.tercer.src = tercer_r.src;

        }

    }

    

    if (activo == segun){

        document.segun.src = segun_a.src;

        segun_usado = true

        if (primer_usado = true){

            document.primer.src = primer_r.src;

        }

        if (tercer_usado = true){

            document.tercer.src = tercer_r.src;

        }

    }

    

    if (activo == tercer){

        document.tercer.src = tercer_a.src;

        tercer_usado = true;

        if (primer_usado = true){

            document.primer.src = primer_r.src;

        }

        if (segun_usado = true){

            document.segun.src = segun_r.src;

        }

    }

    

    if (activo != primer, segun, tercer){

        if (nombre == primer){

            document.primer.src = primer_a.src;

            primer_usado = true;

        }

        if (nombre == segun){

            document.segun.src = segun_a.src;

            segun_usado = true;

        }

        if (nombre == tercer){

            document.tercer.src = tercer_a.src;

            tercer_usado = true;

        }

    }

 
}

</script>

</head>

 
<body>

<a href="javascript:CambiarImagen(primer);"><img name="primer" src="primer_n.png" width="100" height="40" border="0"></a>

<a href="javascript:CambiarImagen(segun);"><img name="segun" src="segun_n.png" width="100" height="40" border="0"></a>

<a href="javascript:CambiarImagen(tercer);"><img name="tercer" src="tercer_n.png" width="100" height="40" border="0"></a>

</body>

</html>