Jump to content


Photo

Efeito Nas Miniaturas Da Galeria 2.1


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

#1 weyder

weyder

    Novato no fórum

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

Posted 08/08/2004, 04:12

Essa é pra galera que usa a nova Galeria 2.1....as miniaturas ficaram com um efeito bem legal quando o mouse estiver em cima das mesmas.

//Antes do codigo da pagina fotos.php
<script language="JavaScript">

fadeGradativaObjects = new Object();
fadeGradativaTimers = new Object();

function fadeGradativa(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  
        setTimeout("fadeGradativa("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
        
    clearTimeout(fadeGradativaTimers[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){
        fadeGradativaObjects[object.sourceIndex]=object;
        fadeGradativaTimers[object.sourceIndex]=setTimeout("fadeGradativa(fadeGradativaObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
</script>

//Agora após colocar este codigo...vc irá alterar a linha 77 (caso vc não tenha alterado nada antes e estiver tudo padrão na fotos.php

<img src="<? echo "$thumb$dir$imagens[$i]"; ?>" style=filter:alpha(opacity=40) onmouseover=fadeGradativa(this,100,40,10) onmouseout=fadeGradativa(this,50,20,10) border=1></a>

Um toque legal pra encrementar a galeria 2.1 :D
Ex.: Iuhoo.com.br

#2 zippy

zippy

    <?=$this->nick();?>

  • Usuários
  • 119 posts
  • Sexo:Não informado
  • Localidade:Curitiba - PR
  • Interesses:Programação<br>WebDesign

Posted 08/08/2004, 06:49

soh pra lembrar...

n tem nda de php ai.. tudo java script....

soh q tipo.. esse scrit em php n tem erro? a url da imagem no src= n deveria estar em urlencode()?

[]s
[]s

--------------
William Grzybowski

www.linuxar.com.br (MAIS NOVO SITE SOBRE LINUX)
[tire suas duvidas sobre linux no FAQ]

www.agencialivre.com.br

#3 weyder

weyder

    Novato no fórum

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

Posted 08/08/2004, 14:01

Caro ZippY
Este codigo é uma encrementada para as thumbs da Galeria 2.1 deste Tópico.
http://forum.wmonline.com.br/index.php?sho...leria+2\.1
Dê uma conferida! :D

#4 mi7chael

mi7chael

    12 Horas

  • Usuários
  • 266 posts
  • Sexo:Masculino

Posted 26/07/2005, 11:52

Opa, eu fiz aqui e deu certo também, eu só alterei pra o efeito ficar ao contrário, a imagem fica normal, mas quando a pessoa passar o mouse ela brilha:

<img src="<? echo "$thumb$dir$imagens[$i]"; ?>" style=filter:alpha(opacity=100) onmouseover=fadeGradativa(this,80,40,10) onmouseout=fadeGradativa(this,100,40,10) border=1></a>





1 user(s) are reading this topic

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

IPB Skin By Virteq