[SOLUCIONADO] Afectar un objeto mediante otro

[Gorgonzola]

Hola,

Tengo una imagen que al pasar el cursor por encima cambia a otra imagen.

Tengo un texto debajo, que cambia de color al pasar el cursor por encima.

El problema es que no logro hacer que las dos acciones ocurran a la vez, es decir que tanto la imagen como el texto cambien cuando paso el cursor sobre el texto así como que ambos cambien cuando paso el cursor por la imagen.

[xluchex]

Utiliza jquery

Código:

.mouseover

y aplica los styles directamente en la function.

Saludos

[Gorgonzola]

No logro hacer para que los dos efectos se produzcan a la vez

Código Javascript:

var x;
x=$(document);
x.ready(inicializarEventos);
 
function inicializarEventos()
{
  var x;
  x=$(".desaparece");
  x.mouseover(entraMouse);
  x.mouseout(saleMouse);
}
 
 
function entraMouse()
{
    $(this).stop().fadeTo(100, 0);
}
 
function saleMouse()
{
    $(this).stop().fadeTo(100, 1);
}
 

Código HTML:

<div class="simbolo">
   <a href="#">
      <img src="images/logo2.png" class="img2">
      <img src="images/logo.png" class="desaparece img1">
   </a>
</div>
<div id="logotipo">
<a class="link4" href="#">
TITULO DE LA PÁGINA
</a>
</div>
 

[Gorgonzola]

Solucionado!

Código Javascript:

$(document).ready(function(){
  $(".desaparece").mouseover(function(){
        $(".desaparece").stop().fadeTo(100, 0);
        $("#logotipo").css("color", "#CCC");
  });
  $(".desaparece").mouseout(function(){
        $(".desaparece").stop().fadeTo(100, 1);
        $("#logotipo").css("color", "#666");
  });
  $("#logotipo").mouseover(function(){
    $(".desaparece").mouseover();
    $("#logotipo").css("color", "#CCC");
  });  
  $("#logotipo").mouseout(function(){
    $(".desaparece").mouseout();
    $("#logotipo").css("color", "#666");
  });
});