Imagem Fade

•

UNESP

0

Joao Victor

19.10.2018

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Computação

7.901 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

Imagem Fade
Descrição: Script que faz com que as figuras que você pode trocar,
mudem em fade de uma para outra.
Parte1: Insira este código dentro da seção <head> da sua página:
<!--
Script por:
SCRIPTSHELP - HTTP://WWW.SCRIPTSHELP.HPG.COM.BR
-->
<script language=javaScript>
//Script por:
//SCRIPTSHELP - HTTP://WWW.SCRIPTSHELP.HPG.COM.BR
<!-- inicio do JavaScript -
geekbrasil0 = new Image();
geekbrasil0.src = "Sua imagem aqui1";
geekbrasil1 = new Image();
geekbrasil1.src = "Sua imagem aqui2";
geekbrasil2 = new Image();
geekbrasil2.src = "Sua imagem aqui3";
var i_strngth=1
var i_image=0
var imageurl = new Array()
imageurl[0] ="Sua imagem aqui1"
imageurl[1] ="Sua imagem aqui2"
imageurl[2] ="Sua imagem aqui3"
function showimage() {
if(document.all) {
if (i_strngth <=110) {
testimage.innerHTML="<img
style='filter:alpha(opacity="+i_strngth+")'
src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth+10
var timer=setTimeout("showimage()",100)
}
else {
clearTimeout(timer)
var timer=setTimeout("hideimage()",1000)
}
}
if(document.layers) {
clearTimeout(timer)
document.testimage.document.write("<img src="+imageurl[i_image]+"
border=0>")
document.close()
i_image++
if (i_image >= imageurl.length) {i_image=0}
var timer=setTimeout("showimage()",2000)
}
}
function hideimage() {
if (i_strngth >=-10) {
testimage.innerHTML="<img
style='filter:alpha(opacity="+i_strngth+")'
src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth-10
var timer=setTimeout("hideimage()",100)
}
else {
clearTimeout(timer)
i_image++
if (i_image >= imageurl.length) {i_image=0}
i_strngth=1
var timer=setTimeout("showimage()",500)
}
}
// - fim do JavaScript - -->
</script>
Parte2: Insira o código dentro da seção <body> da sua página (Mude
a posição da figura em top e left):
<div id="testimage" style="position:absolute;visibility:visible;
top:300px;left:330px"></div>
Parte3: Insira o código dentro da seção <body> e </body> da sua
página:
<body onLoad="showimage()" >