Galera, eu estou querendo fazer um Rollover só que em Fading...
Deixa eu explicar melhor:
Eu tenho uma imagem em GrayScale e a mesma imagem colorida
O estado normal dela é a imagem cinza. Eu queria que no MoseOver fizesse a transição para a imagem colorida, gradativamente, em fade. Não somente a troca de imagem crua, entenderam?
Alguem pode me ajudar?
[]s
Leng
Transição De Imagem
Started By Lengrat, 08/08/2003, 14:20
3 replies to this topic
#2
klesk
-
- Usuários
-
- 39 posts
Turista
- Sexo:Não informado
- Localidade:Porto Alegre
- Interesses:Webdesign / Programação
Posted 08/08/2003, 15:14
bom.........
eu tenho um script q faz isso com a opacidade, tente modificá-lo para q ele sirva para o q vc quer...
coloque isso depois de <body>...
na tag IMG, coloque o seguinte...
:ok:
eu tenho um script q faz isso com a opacidade, tente modificá-lo para q ele sirva para o q vc quer...
coloque isso depois de <body>...
<script>
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);
}
}
</script>na tag IMG, coloque o seguinte...
onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,25,50,5)"
:ok:
#3
Amaro.w4c
Amaro.w4c
-
- Visitantes
Posted 08/08/2003, 15:49
se o script de fade ai em cima n resolver eh so fazer um gif...
qd o mouse passa por cima da imagem essa muda pro gif, este tem a animacao que simula o fade...
qd o mouse passa por cima da imagem essa muda pro gif, este tem a animacao que simula o fade...
#4
Lengrat
-
- Usuários
-
- 638 posts
Mestre
- Sexo:Não informado
Posted 08/08/2003, 20:57
bom.........
eu tenho um script q faz isso com a opacidade, tente modificá-lo para q ele sirva para o q vc quer...
coloque isso depois de <body>...<script> 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); } } </script>
na tag IMG, coloque o seguinte...onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,25,50,5)"
:ok:
Nao funfou seu código nao...
Dá erro da erro de script.
<!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">
</head>
<body>
<script>
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);
}
}
</script>
<img src="http://www.lengrat.k...log/broken.jpg" width="221" height="227" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,25,50,5)">
</body>
</html>
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
