Imagem Transparente
#1
Posted 12/06/2004, 21:36
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
#2
Posted 12/06/2004, 22:18
<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.
#3
Posted 12/06/2004, 22:48
Muito obrigado
#4
Posted 12/06/2004, 23:27
Vou mover para Javascript.
#5
Posted 16/06/2004, 23:50
digamos eu uso isso na mesma html das fotinhos no caso???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.
#6
Posted 17/06/2004, 07:00
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
nas imagens que vc quer o efeito<img src="foto01.jpg" width="200" height="255" style="filter:alpha(opacity=40)" onMouseover="high(this)" onMouseout="low(this)">
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)">
#7
Posted 17/06/2004, 08:53
#8
Posted 17/06/2004, 09:28
eu coloquei esse, mas naum surgiu nenhum efeito ..
.transparencia{
filters:alpha(opacity=30);
}
#9
Posted 18/06/2004, 02:10
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.
diego nunes
web engineer
~ ~~
#10
Posted 18/06/2004, 16:20
#11
Posted 22/06/2004, 05:54
www.noeis.cjb.net
mirc: papai_noel_do_ano_todo
MSN:papai_noel_do_ano_todo@hotmail.com (nao deu espaço no cadastro )
#12
Posted 22/06/2004, 08:03
Todo os esquemas de filters e de transição só funcionam no IE...
Dêem uma olhada aqui:
http://forum.wmonlin...4144&hl=filtros
Ajude a proibir os "jabás" nas rádios brasileiras.
Mas, afinal, o que é o "jabá"?!? acesse Rock Brasil
Acesse Fórum SOS Designers
Coluna de JavaScript/CSS do Upmasters
#13
Posted 22/06/2004, 15:49
Eu sabia que tava erradoLembrete: é HTC, ok?
diego nunes
web engineer
~ ~~
#14
Posted 07/07/2004, 11:16
Como faço pra mudar a cor de opacidade??? Tipo, um laranja...
#15
Posted 07/07/2004, 13:58
Se você pesquisar pela net sobre isso, aposto que você achará alguma coisa.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)