14 replies to this topic

[Guilherme_bnw]

Pessoal eu gostaria de saber que efeito é esse
http://www.phasegfx.com/
Na parte de baixo tem os botões de outros sites...
Eles são meio transparentes, e quando passa o mouse ele vai ganhando cor.
Achei muito legal, alguem pode me esinar como se faz isso?

Valeu

[Without a Nick]

Use isso:

 
<script language="JavaScript1.2">
<!--
function high(which2){
theobject=which2
highlighting=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+=5
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script> 

E na imagem:

<img src="foto01.jpg" width="200" height="255" style="filter:alpha(opacity=40)" onMouseover="high(this)" onMouseout="low(this)"> 

Apenas lembrando: não sou o autor desse script.

[Guilherme_bnw]

Valeu amigo
Muito obrigado

[Without a Nick]

Se precisar, grita.

Vou mover para Javascript.

[johngrass]

Use isso:

 
<script language="JavaScript1.2">
<!--
function high(which2){
theobject=which2
highlighting=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+=5
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script> 

E na imagem:

<img src="foto01.jpg" width="200" height="255" style="filter:alpha(opacity=40)" onMouseover="high(this)" onMouseout="low(this)"> 

Apenas lembrando: não sou o autor desse script.

digamos eu uso isso na mesma html das fotinhos no caso???

[Alex Hiroshi]

Sim!!
Por exemplo... vc tem a pagina "fotinhas.html" ( )
nessa pagina, vc vai inserir o primeiro script entre os heads da sua pagina.. e o segundo script, esse ae

<img src="foto01.jpg" width="200" height="255" style="filter:alpha(opacity=40)" onMouseover="high(this)" onMouseout="low(this)"> 

nas imagens que vc quer o efeito
se vc tem uma tag com a imagem "foto.jpg"

<img src="foto.jpg" border="0">

vc vai colocar a parte em negrito.. assim

<img src="foto.jpg" border="0" style="filter:alpha(opacity=40)" onMouseover="high(this)" onMouseout="low(this)">

[johngrass]

esse esquema das fotos com opacidade tem como eu fazer em CSS ???

[johngrass]

qual o código que eu colocaria no CSS ???

eu coloquei esse, mas naum surgiu nenhum efeito ..

.transparencia{
filters:alpha(opacity=30);
}

[Troyan]

Conhece a propriedade "behavior" no CSS? Ele trabalha com arquivos .hct (eu acho que a extensão é essa).
Pra aplicar eventos e acionar a função, só com JavaScript, então precisa de um arquivo de comportamento que o CSS aciona, que, por sua vez, aciona o JavaScript. Entendeu? Procure por isso num site específico ou vá na fonte: www.w3.org/TR/CSS2/.

[]s

Edição feita por: Troyan, 18/06/2004, 02:11.

[Without a Nick]

Lembrete: é HTC, ok?

[furro]

esse codigo só funciona no internet explorer, no mozila firefox testei e nao funcionou mas é valido mesmo assim....

[Dinho Z.]

Na verdade, não só no Mozilla, mas sim em todos os navegadores não funcionam, com excessão do IE...

Todo os esquemas de filters e de transição só funcionam no IE...

Dêem uma olhada aqui:
http://forum.wmonlin...4144&hl=filtros

[Troyan]

Lembrete: é HTC, ok?

Eu sabia que tava errado

[exeblade]

E tipo...

Como faço pra mudar a cor de opacidade??? Tipo, um laranja...

[Without a Nick]

No caso você teria que utilizar o método palette(), que pode controlar cores, mas infelizmente não sei muitas coisas sobre esse método (também num sei tudo, né?!)

Se você pesquisar pela net sobre isso, aposto que você achará alguma coisa.