Foros del Web » Programando para Internet » Javascript »

Cambiar imagen al pasar el mause

Estas en el tema de Cambiar imagen al pasar el mause en el foro de Javascript en Foros del Web. Buen dia, tengo un codigo que cambia una imagen por otras al pasar el mause sobre ella, <script type="text/javascript"> //<![CDATA[ var i=0; function swapImage(obj){ var ...
  #1 (permalink)  
Antiguo 09/12/2011, 15:43
 
Fecha de Ingreso: septiembre-2010
Mensajes: 66
Antigüedad: 13 años, 7 meses
Puntos: 2
Cambiar imagen al pasar el mause

Buen dia, tengo un codigo que cambia una imagen por otras al pasar el mause sobre ella,

<script type="text/javascript">
//<![CDATA[
var i=0;
function swapImage(obj){
var images=new Array('imagen1.jpg','imagen2.jpg','imagen3.jpg','i magen4.jpg');
obj.src=images[i];
i++;
if(i==images.length){
i=0;
}
}
//]]>
</script>




<img src="imagen3.jpg" alt="" onmouseover="swapImage(this);return false"/>


Me gustaria saber como cambiar la imagen, pero no cada vez que pongo el mause sobre la imagen, sino que las cambie automaticamente si dejo el mause sobre la imagen.

Muchas gracias.
  #2 (permalink)  
Antiguo 09/12/2011, 17:08
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 16 años
Puntos: 528
Respuesta: Cambiar imagen al pasar el mause

mmm algo complejo de explicar, si no sabes mucho de js, y si lo quieres hacer manual.

Te sugiero que coloques una capa (div) con la imagen que quieras. a la capa le colocas el evento onmouseover que llame a una función que empiece a cambiar las imágenes, de preferencia a intervalos de tiempo con setinterval o settimeout.

Así, al pasar el MOUSE sobre el div comenzará a pasar imágenes.

En la misma capa colocar el evento onmouseout que detenga el timeout para que al quitar el mouse de la capa se detenga.

Etiquetas: mause, onmouseover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:51.