Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

PHP-Master

Imagem sobre imagem

Recommended Posts

Olá minha dúvida é a seguinte:

No meu site o cara tem um perfil e no perfil tem a foto, e o que eu quero fazer é que quando o cara passe o mouse sobre a foto apareça uma outra imagem por cima da foto dele com um link para a página de editar foto

 

isso no caso seria como o orkut "novo" que você passa o mouse na sua foto e aparece aquela imagem com um texto escrito alterar foto

 

Alguém sabe um código para isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá. Olha só, super simples com js

<img src="imagem.img" 
onMouseOver="this.src='imagem2.img'"
onMouseOut="this.src='imagem.img'"
>

Mas para ser um efeito mais bonito, você pode usar jquery e criar uma função, como esse exemplo:

$(".pacotes").hover(function()
{
   $(this).find(".pacotes_adm").fadeIn(400, function(){
       $(this).css("display","block")});
}, function(){
   $(this).find(".pacotes_adm").fadeOut("fast", function(){
       $(this).css("display","none")});
});

Esse é um code que eu tinha num site antigo aqui. Bem simples, ao passar o mouse em cima da classe pacotes, ele procura dentro uma outra classe chamada pacotes_adm. Esse div irá aparecer com um efeito de fade.

Já, ao sair do foco da classe com o mouse, ele executa o fade out e some com a div.

Tente, com base nesse exemplo e na documentação do jQuery entender melhor e fazer algo bacana!

Compartilhar este post


Link para o post
Compartilhar em outros sites

<img src="imagem.img"

onMouseOver="this.src='imagem2.img'"

onMouseOut="this.src='imagem.img'"

>

 

com esse script, ele troca a imagem, mas o que eu quero é que outra imagem se sobreponha a ela, ou seja que ao passar do mouse uma imagem apareça em cima dela.

Alguém tem algum script parecido??

Compartilhar este post


Link para o post
Compartilhar em outros sites

por favor pessoal, alguém deve conhecer algo..

 

eu só preciso de um script q coloque uma imagem com um texto em cima de outra imagem, igual a foto do perfil no novo orkut..

 

por favor me ajudem a conseguir esse código pq eu já procurei e naum achei

Compartilhar este post


Link para o post
Compartilhar em outros sites

não é que eu tenha preguiça, é que meu tempo é pouco, e eu não entendo muito de design, e se me explicassem pelo menos o nome desse efeito já serie de grande ajuda..

Compartilhar este post


Link para o post
Compartilhar em outros sites

não é que eu tenha preguiça, é que meu tempo é pouco, e eu não entendo muito de design, e se me explicassem pelo menos o nome desse efeito já serie de grande ajuda..

 

Design é outra sessão do fórum. E o nome do "efeito" é hover

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.