Imagem sobre imagem

[PHP-Master 0]

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?

[Marcos Xavier 189]

Se entendi bem o que você quer, poderá usar Jquery e CSS.

[PHP-Master 0]

mas como fazer?

pq eu nao faço ideia de onde começar

[Marcos Xavier 189]

Tem uma apostila de Jquery que já dá pra fazer algumas coisas (acho que até mesmo o que você precisa).

 

>>>> http://coerenciadigital.net23.net/pdf/jQuery_basico.pdf

[Felipe_Volpatto 1]

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!

[PHP-Master 0]

<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??

[PHP-Master 0]

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

[Evandro Oliveira 331]

resumindo, você quer pronto, e não fazer.

 

http://google.com/?q=change+photo+like+orkut

[PHP-Master 0]

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..

[Evandro Oliveira 331]

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