Jump to content

  2. →
  3. →

Photo

Efeito Fade

Started By kavoo, 24/04/2003, 10:25

  • Faça o login para participar
7 replies to this topic

#1 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 24/04/2003, 10:25

Olá pessoal!
Entrem nessa pagina: www.psworld.kit.net
No lado direito tem a parte dos parceiros.
A pergunta é a seguinte: Como que o cara fez esse efeito nas imagens linkadas? Tipo um "fade in". Nem sei se isso é html.
Alguem poderia passar esse código pra mim?
Um abraço!
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#2 The Tamer

The Tamer

    'F' motivos para se gostar de Hexa

  • Usuários
  • 185 posts
  • Sexo:Não informado

Posted 24/04/2003, 12:31

É na verdade um ESTILO, veja como faz:

style="filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0,  FinishX=100, StartY=0, FinishY=0)"

Você coloca esse style dentro de uma TAG <img> por exemplo

Se você não colocar o FinishOpacity, não terá necessidade de colocar o StartX e Y e o FinishX e Y


Aqui é as tags onde a opacidade funciona
A, ACRONYM, ADDRESS, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, Hn, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, NOBR, OBJECT, OL, P, PLAINTEXT, PRE, Q, RT, RUBY, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

* Apenas funciona no IE 5.5 ou mais


Abraços e bom trabalho! :coffee:
__________________________________________
The Tamer
Quando morrer, escrevam em minha lápide: </life>

Blog: http://www.dtsoftware.eti.br/
MCWD - Macromedia Certified Web Designer MX

#3 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 24/04/2003, 13:30

Amigo!
Naum era bem isso q eu queria.
Esse style q vc mandou aprenas cria um degradê na imagem.
Eu quero esse efeito: Passe o mouse sobre essa imagem lá no site: Posted Image
Valeu!
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#4 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 24/04/2003, 14:17

Repare a imagem está tipo marca d'água, mas quando passa o mouse por ela, ela fica nítida!
Ajuda aê galera! Tow afimzão desse código!
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#5 Towd

Towd
  • Visitantes

Posted 24/04/2003, 18:46

Ai eu sei que isso é plagio mas, peguei pra te ajudar...

Eu olhei o codigo fonte do site e vi que tinha esse script


<script LANGUAGE="javascript">
nereidFadeObjects = new Object();

nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too

setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}

clearTimeout(nereidFadeTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;

nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}

if (document.images) {

var offimg = new Array()
offimg["cool"] = new Image(120,50)
offimg["cool"].src = "[INSERT]"

function imageOn(imgName) {
if (document.images) {
document.images[imgName].src = onimg[imgName].src
}
}

function imageOff(imgName) {
if (document.images) {
document.images[imgName].src = offimg[imgName].src
}
}

function setMsg(msg) {
window.status = msg
return true
}

function playIt() {
}
}
</Script>



e nas imagens o caras colocava assim


<img src="sua imagem border="0" style="filter:alpha(opacity=30)" onMouseOver="nereidFade(this,100,30,10)" onMouseOut="nereidFade(this,30,50,5)">


Ai não me denunciem.
hehehe

#6 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 24/04/2003, 19:01

Valeu Irmão!!
Agora sim funcionou legal!!
Quanto ao plágio... naum eskenta.
"Nada se cria, tudo se copia"
rsrsrs :lol: Brincadeira!
Muito doido esse script.
Valeu de novo!
Falow!
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#7 Towd

Towd
  • Visitantes

Posted 25/04/2003, 23:50

Vamos mudar um pouquinho essa frase e copia-la de novo como alguem aqui do forum diz (não lembro que)

É Assim:

Nada se cria tudo se põe de minha autoria.

Valeu mano qualquer coisa tamos ai.

#8 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 26/04/2003, 14:21

Ahuahuahuahuahuaah!! :lol:

Muito boa essa! Vai entrar pra minha galeria!!
Uma abraço!
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.
Voltar para HTML, CSS e Metodologias


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq