![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
29/01/2002, 02:08
|
![Avatar de Kaopectate](http://static.forosdelweb.com/customavatars/avatar14704_1.gif) | Colaborador | | Fecha de Ingreso: diciembre-2001 Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 23 años, 1 mes Puntos: 38 | |
Re: cambiar 4 imagenes con un onmouse CSC
No te puedo anexar un ejemplo que cambie imágenes por razones obvias, pero fíjate en este ejemplo que preparé:
<html>
<head>
<script language="JavaScript">
var val1 = 0;
var val2 = 10;
function cambia(){
document.forma.text1.value = val1++;
document.forma.text2.value = val2++;
}
</script>
</head>
<body>
<form name="forma">
<input type="text" name="text1" onmouseover="cambia()">
<br><br><br><br><br& gt;
<input type="text" name="text2" onmouseover="cambia()">
</form>
</body>
</html>
La idea es la siguiente:
Tienes dos elementos (en mi caso identificados con los nombres text1 y text2 con un evento onmouseover que se dispara al pasar el mouse sobre ellos. La función llamada lo que está haciendo es incrementar unos contadores y reemplazando los textos de text1 y 2 por los nuevos valores.
¿Que tendrías que hacer tu?
Dos elementos <img> con sus respectivos "name" o "id" como sugiere Aleph y un evento onmouseover que llame a una función.
El contenido de la función debe cambiar la propiedad src de tus <img>. Algo así como:
nombreImg1.src = "imagen1.htm"
nombreImg2.src = "imagen2.htm" |