Ver Mensaje Individual
  #2 (permalink)  
Antiguo 06/04/2009, 05:43
Jamlet
 
Fecha de Ingreso: mayo-2008
Mensajes: 163
Antigüedad: 16 años
Puntos: 1
Respuesta: Cambiar ruta de imágenes

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(10040);
primer_a.src "primer_a.png";
segun_a = new Image(10040);
segun_a.src "segun_a.png";
tercer_a = new Image(10040);
tercer_a.src "tercer_a.png";
primer_r = new Image(10040);
primer_r.src "primer_r.png";
segun_r = new Image(10040);
segun_r.src "segun_r.png";
tercer_r = new Image(10040);
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 != primerseguntercer){
        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>