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>