Efeito Fade Em Img

#1 Dcampos

No olhar dos olhares

Usuários
123 posts

Sexo:Não informado
Localidade:Mogi Mirim - SP
Interesses:.::Design.::PHP

Posted 29/02/2004, 16:52

ae galera...tranquilos?!

bm...eu gostaria de saber como fazer esse efeito fade, tipow o do portifólio do garoto aqui: heyder torres

tenhu um código aqui, mas qndo o mouse sai da img, ele num dah o efeito de ir sumindo...ele simplesmente some d vez...eu qria um código q seguisse o msm esquema do efeito desse port aí!!!

bm...agradeço desde jah!!!

valews.....

Dcampos

"Antes a derrota de não ter conseguido, do que a derrota de não ter tentado!!!!!!!!!!!"

http://dcampos.deviantart.com/

#2 Klaus

@ ubuntu jaunty

Ex-Admins
7924 posts

Sexo:Masculino
Localidade:127.0.0.1

Posted 29/02/2004, 17:08

Olá!

<script language="JavaScript" type="text/javascript">
//Hehe... Espero que eu lembre como se faz isso!
function desaparecerBemDevagarinho (imagemID) {
var i = 100; //Opacidade
i = i - 10;
var final = 0;
var imagem = document.getElementById(imagemID);
imagem.style.filter = "Alpha (opacity = " + i + ")";
if (i > 0) {
window.setTimeout ("desaparecerBemDevagarinho()", 300);
}
}
</script>

Não testei ainda mas acho que este é o efeito que desejas.

Edição feita por: Klaus, 29/02/2004, 18:06.

Klaus Paiva
Conheça também: Taperás

#3 Junior

Normal

Usuários
75 posts

Sexo:Não informado
Localidade:Campo Grande -MS
Interesses:Informática, linguagens, como: JS,PHP,HTML,ASP.

Posted 29/02/2004, 17:55

Acho q falto coisa aí...
Naum tem q colocar

<body onLoad="desaparecerBemDevagarinho ()"></body>

Nome do site: Anime Master
Endereço do site: http://ceuanime.webcindario.com
Meu nick no site: Yusuke Urameshi

Imagens na Assinatura não é permitido. Klaus

#4 Klaus

@ ubuntu jaunty

Ex-Admins
7924 posts

Sexo:Masculino
Localidade:127.0.0.1

Posted 29/02/2004, 18:08

Olá!

Tudo bem... Eu completo...

<img src="exemplo.jpeg" id="exemplo" onMouseOver="desaparecerBemDevagarinho ('exemplo'); return true;" />

Klaus Paiva
Conheça também: Taperás

#5 Lengrat

Mestre

Usuários
638 posts

Sexo:Não informado

Posted 03/03/2004, 17:09

E Se eu quizesse fazer isto com uma Camada para eu montar um popup mais "interativo"?

:huh:

#6 Without a Nick

Sem culpa no cartório

Usuários
2378 posts

Sexo:Não informado
Localidade:Guarulhos

Posted 04/03/2004, 16:16

Você poderia colocar esse javascript na página da sua popup.

#7 Lengrat

Mestre

Usuários
638 posts

Sexo:Não informado

Posted 04/03/2004, 22:52

Aqui deu Erro de

Objeto necessário nesta linha aqui ó

function desaparecerBemDevagarinho (imagemID) {
var i = 100; //Opacidade
i = i - 10;
var final = 0;
var imagem = document.getElementById(imagemID);
imagem.style.filter = "Alpha (opacity = " + i + ")";
if (i > 0) {
window.setTimeout ("desaparecerBemDevagarinho()", 300);
}
}
</script>

#8 Pat0

Novato no fórum

Usuários
17 posts

Sexo:Não informado
Localidade:Fortaleza-CE

Posted 25/04/2007, 11:04

Klaus, eu gostria q fosse assim tem como fazer pra qndo eu clicar no link ae a div vai aparecendo devagar. ?

#9 bdoweb

Super Veterano

Usuários
1641 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 25/04/2007, 13:09

Olá amigo ... use a biblioteca do JQuery ...
Ela com certeza vai te ajudar ...
www.jquery.com

Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

0 user(s) are reading this topic

Entrar