Ir para conteúdo

POWERED BY:

Arquivado

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

CarlosNet

Efeito em miniatura de fotos

Por , em Javascript

Recommended Posts

CarlosNet    0

CarlosNet
Postado

Eai pessoal...Nao se se vcs ja viram mas tem um script que a foto fica preto e branca (por exemplo) e qndo você passa o mouse ela volta pra sua cor original em fade... e nao usa duas imagens, alguem tem esse script ? ou algo parecido que ajude ?eu itnha esse script mas perdi e nem lembro de nenhum lugar q eu possa citar como exemplo :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

ACLourenço    0

ACLourenço
Postado

Veja se isso ajuda camarada<script language="JavaScript1.2">function high(which2){theobject=which2highlighting=setInterval("highlightit(theobject)",50)}function low(which2){clearInterval(highlighting)which2.filters.alpha.opacity=20}function highlightit(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=5else if (window.highlighting)clearInterval(highlighting)}</script>[]'sCarlos

Compartilhar este post

Link para o post
Compartilhar em outros sites

CarlosNet    0

CarlosNet
Postado

Veja se isso ajuda camarada<script language="JavaScript1.2">function high(which2){theobject=which2highlighting=setInterval("highlightit(theobject)",50)}function low(which2){clearInterval(highlighting)which2.filters.alpha.opacity=20}function highlightit(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=5else if (window.highlighting)clearInterval(highlighting)}</script>[]'sCarlos

Valeu ae xará,,..ae pessoal eu achei um que nao era exatamente o que eu queria mas eh bem legal tbm !
<script><!--/*Gradual-Highlight Image Script II- By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)Permission granted to Dynamicdrive.com to feature script in archiveFor full source to script, visit http://dynamicdrive.com*/nereidFadeObjects = new Object();nereidFadeTimers = new Object();/* object - image to be faded (actual object, not name); * destop - destination transparency level (ie 80, for mostly solid) * rate   - time in milliseconds between trasparency changes (best under 100) * delta  - amount of change each time (ie 5, for 5% change in transparency) */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);    }}//--></SCRIPT><IMG                   onmouseover=nereidFade(this,100,10,30)                   style="FILTER: alpha(opacity=30)"                   onmouseout=nereidFade(this,30,10,5)                  alt="Robouk Tutorials" src="../fotos/Externa02.jpg"                  border=0>

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

Acho que eh isso que você procurava....

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--.gray {	filter: Gray;}.color {	filter: Shadow(Color=#000000);}--></style></head><body><img src="http://www.alinecamila.kit.net/img/girl.gif" class="gray" onMouseOut="this.className='gray'" onMouseOver="this.className='color'"> </body></html>

Só faltou o efeito de fade, mas essa fica pra vcs, afinal copiar e colar é fácil...

"Qué moleza senta no pudim !!!"

 

 

Alica CWB :ph34r:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ariel    0

Ariel
Postado

tentei de varios modos aplicar o fade nesse ultimo codigo, mas nao deu...escreve ae pra gente... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito