Foros del Web » Programando para Internet » Jquery »

mouseover y mouseout con Jquery

Estas en el tema de mouseover y mouseout con Jquery en el foro de Jquery en Foros del Web. Cada vez que tengo que lidiar con javascript me vuelvo loco (una , un . o cualquier cosa es muy dificil de depurar), soy programador ...
  #1 (permalink)  
Antiguo 17/02/2011, 03:37
Avatar de Dundee  
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 20 años, 1 mes
Puntos: 8
mouseover y mouseout con Jquery

Cada vez que tengo que lidiar con javascript me vuelvo loco (una , un . o cualquier cosa es muy dificil de depurar), soy programador de PHP y la verdad q me cuesta enfrentarme a depurar el código js (si alguien me puede decir como depurarlo estaría muy agradecido).

Voy al grano:
el tema es que por mucho q reviso este código no veo que esta mal:

Se me olvidó poner antes el html: (cada imagen tiene una clase distinta)

<img class="estudio" src="images/stories/boton_1.png" border="0" />
Código:
// JavaScript Document
$(document).ready(function(){
//alert('holaaa'); (esto si funciona si lo descomento)

 $(".estudio").mouseover(function() {
		alert('dentro');
    var src_img="../images/botones/boton_1.png";
	$(".estudio IMG").attr("src",src_img);
  }).mouseout(function(){
	  alert('fuera');
    var src_img="../images/botones/boton_1_bis.png";
	$(".estudio IMG").attr("src",src_img);
  });


 $(".ahorro").mouseover(function() {
    var src_img="../images/botones/boton_2.png";
	$(".ahorro IMG").attr("src",src_img);
  }).mouseout(function(){
    var src_img="../images/botones/boton_2_bis.png";
	$(".ahorro IMG").attr("src",src_img);
  });

 $(".proyecto").mouseover(function() {
    var src_img="../images/botones/boton_3.png";
	$(".proyecto IMG").attr("src",src_img);
  }).mouseout(function(){
    var src_img="../images/botones/boton_3_bis.png";
	$(".proyecto IMG").attr("src",src_img);
  });
 
});
He probado cambiando las rutas de las IMG (por si estaban mal), pero sigue sin funcionar, y he probado con un alert('holaaaa') al principio del doument.ready para comprobar que al menos estaba bien llamado desde el index (y esto si funciona).

Otra duda:
¿La ruta de las IMG tiene que tomarse desde el archivo javascript externo o desde el index.php desde el que lo llamo?.

Mil gracias por la ayuda de antemano.
__________________
Videotutoriales de Drupal

Última edición por Dundee; 17/02/2011 a las 04:14

Etiquetas: mouseover
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 17:03.