Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/07/2010, 07:46
Avatar de Dundee
Dundee
 
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 21 años, 10 meses
Puntos: 8
cambio de imágenes en botonera que perduren los cambios

Hola gente, estoy haciendo una menú que cuando te pones encima cambie a otra imágen, eso ya lo he conseguido pero cuando saco el puntero del ratón de encima vuelve a ponerse como al principio, y yo quiero que se mantenga el cambio hasta que pinche en otro enlace del menú.
¿Alguna idea?.
Lo estoy haciendo de esta forma:
La llamada desde el html a las funciones javascript
Código:
<A href="textos.htm"  onMouseOver="turnOn('image1')" onMouseOut="turnOff('image1')" target="textos" title="textos"><img src="Imagenes/filaArriba/rrrrrfOf.gif" alt="textos" name="image1" border="0" boder="0"></a>
Código:
if (document.images) { 
 image1off = new Image();
 image1off.src = "Imagenes/filaArriba/rrrrrfOf.gif";
 image2off = new Image();
 image2off.src = "Imagenes/filaArriba/dddddOff.gif";
 image3off = new Image();
 image3off.src = "Imagenes/filaArriba/aaaaOff.gif";
 image4off = new Image();
 image4off.src = "Imagenes/filaArriba/PfdfdOff.gif";
 image5off = new Image();
 image5off.src = "Imagenes/filaArriba/EfdfdfesOff.gif";
 image6off = new Image();
 image6off.src = "Imagenes/filaArriba/CffffgOf";
 image7off = new Image();
 image7off.src = "Imagenes/filaArriba/CsssstoOff.gif";


 image1on = new Image();
 image1on.src = "Imagenes/filaArriba/rrrrrffOn.gif";
 image2on = new Image();
 image2on.src = "Imagenes/filaArriba/dddddOn.gif";
 image3on = new Image();
 image3on.src = "Imagenes/filaArriba/aaaaOn.gif";
 image4on = new Image();
 image4on.src = "Imagenes/filaArriba/PfdfdOn.gif";
 image5on = new Image();
 image5on.src = "Imagenes/filaArriba/EfdfdfesOn.gif";
 image6on = new Image();
 image6on.src = "Imagenes/filaArriba/CffffgOn.gif";
 image7on = new Image();
 image7on.src = "Imagenes/filaArriba/CsssstoOn.gif";

}

function turnOn(imageName) { 
	if (document.images) { 
	document[imageName].src = eval(imageName + "on.src"); 
	}
}

function turnOff(imageName) { 
	if (document.images) {
	 document[imageName].src = eval(imageName + "off.src"); 
	}
}
Soy programador php y con javascript aveces me lio un poco todavía a estas alturas.
El tema es que quiero que una vez que la imagen cambie perdure este cambio hasta que pinche en otra imágen/enlace distinto, y entonces que suceda lo mismo.

Un saludo y mil gracias
__________________
Videotutoriales de Drupal