Fade In E Fade Out

son · Agosto 24, 2004

Ow tipo eu to precisando fazer uns links numas imagens que estão em miniatura para abrir as originais. Ai, eu precisava daquele efeito em q a imagem quando está em mouseout(o mouse não está em cima) fique num alpha menor(tipo 40%) e quando passe o mouse sobre ela, vá para o alpha 100% gradualmente. Isso é java? Se alguém souber como se faz e pudesse me dar uma ajuda.!!!! para esclarecer, deêm uma olhada na Animes Brasil lá tem os links dos parceiros no menu da direita(com os buttons) com esse efeito q eu to falando...

eu to precisando mtu disso, me ajuda aew galera....

blood · Agosto 24, 2004

isso é Js.. pergunta lá..

Victor · Agosto 24, 2004

Outroooooooooooooooooooooooo

Agora é JS, daki a pouco é delphic... Meu deus

Tavinho · Agosto 24, 2004

Seja bem vindo ao Forum !!!

Aqui vai o Script que você procura ....

Na tag <head> do seu fonte você coloca :

<script LANGUAGE="javascript">
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if(!document.all)
return
if (object != "[object]"){
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 na tag <body> você coloca:

<img src="nome_da_sua_imagem.extensão" style="filter:alpha(opacity=30)"
onMouseOver="nereidFade(this,100,30,10)" onMouseOut="nereidFade(this,30,50,5)" 
  width="540" height="369">

você tera de colocar este segundo código para cada uma das imagens, já que ele é quem identifica e chama as funções e os efeitos ...

Um abraço

Falowwww

son · Agosto 25, 2004

valeu aew...

Isso me ajudou pacas

T+

Tavinho · Agosto 25, 2004

valeu aew...
Isso me ajudou pacas
T+

Falowww

Entrar

Fade In E Fade Out

Pergunta

son

Link para o comentário

Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

blood

Link para o comentário

Compartilhar em outros sites

Victor

Link para o comentário

Compartilhar em outros sites

Tavinho

Link para o comentário

Compartilhar em outros sites

son

Link para o comentário

Compartilhar em outros sites

Tavinho

Link para o comentário

Compartilhar em outros sites

Estatísticas dos Fóruns

Navegação

Atividades