[Resolvido] Imagem no Hover Sobre outra Imagem

[darkxam 0]

Tenho uma imagem normal dentro de uma Div e quero que quando for hover apareça outra no caso de Play ... como nesse site aqui Cine Filmes Alguem pode me ajudar?

[Diéssica 140]

como nesse site aqui Cine Filmes

 

Nesse site, ao passar o mouse, adiciona a class .imageOver ao span.

.imageOver {
   background: url("images/hoverimg.png") no-repeat scroll 50% 50% transparent;
   opacity: 0.5;
}

A class é acionada por Javascript: http://cdn.x2-network.com/s416928/imagelink.js.

 

Isso:

<span class="" style="position: absolute; top: 1016px; left: 387px; width: 144px; height: 170px; cursor: pointer;"></span>

 

Fica isso:

<span class="imageOver" style="position: absolute; top: 1016px; left: 387px; width: 144px; height: 170px; cursor: pointer;"></span>

 

Pode tentar com jQuery :thumbsup:

$(document).ready(function(){
$('a.CLASSE').mouseover(function(){
div = $('div.CLASSE');
div.stop().animate({visibility: visible}, 150);
}).mouseout(function(){
div.stop().animate({visibility: hidden}, 150);
});
});

[darkxam 0]

Obrigado .. Deu certinho aqui :thumbsup: