"Zoom"
original modificado e adaptado por
Guacira Sampaio Rocha
Credits:
° images: exercises on computer
art software
° mid: "traviata-brinde" (found for free, in the net)
° script author: unfortunatly
I lost this information - could you help me?
° prepared, commented and posted (as it
is in this page) by: Guacira
1) Abaixo de "<head>
</head>" coloque:
" <BODY
onresize=resize() bgColor=#000000 scroll=no>
<BGSOUND balance=0
src="aqui
o caminho do som" volume=-900
loop=infinite>
<DIV id=txt style="DISPLAY: none">
<DT><font face="Book Antiqua Italic">aqui
o seu texto</font>
<DT><FONT face="Britannic Bold">
</FONT><FONT color=#008080><FONT
size=4><FONT face="Britannic Bold"> </FONT></FONT></FONT><IMG
id=pic0
style="DISPLAY: none" src="sua
imagem"> <IMG
id=pic1 style="DISPLAY: none"
src="idem para a mesma imagem">
<IMG id=pic2
style="DISPLAY: none" src="idem">
<IMG
id=pic3 style="DISPLAY: none"
src="idem">
<IMG id=pic4
style="DISPLAY: none" src="idem">
<IMG
id=pic5 style="DISPLAY: none"
src="idem">
<IMG id=pic6
style="DISPLAY: none" src="idem">
<IMG
id=pic7 style="DISPLAY: none"
src="idem">
<IMG id=pic8
style="DISPLAY: none" src="idem">
<IMG
id=pic9 style="DISPLAY: none"
src="idem">
<IMG id=pic10
style="DISPLAY: none" src="idem">
<IMG
id=pic11 style="DISPLAY: none"
src="idem">
<IMG id=pic12
style="DISPLAY: none" src="idem">
<IMG
id=pic13 style="DISPLAY: none"
src="idem">
<IMG id=pic14
style="DISPLAY: none" src="idem">
<IMG
id=pic15 style="DISPLAY: none"
src="idem">
<IMG id=pic16
style="DISPLAY: none" src="idem">
<IMG
id=pic17 style="DISPLAY: none"
src="idem">
<IMG id=pic18
style="DISPLAY: none" src="idem">
<IMG
id=pic19 style="DISPLAY: none"
src="idem">
<IMG id=pic20
style="DISPLAY: none" src="idem">
<IMG
id=pic21 style="DISPLAY: none"
src="idem">
<IMG id=pic22
style="DISPLAY: none" src="idem">
<IMG
id=pic23 style="DISPLAY: none"
src="idem">
<IMG id=pic24
style="DISPLAY: none" src="idem">
<IMG
id=pic25 style="DISPLAY: none"
src="idem">
<IMG id=pic26
style="DISPLAY: none" src="idem">
<IMG
id=pic27 style="DISPLAY: none"
src="idem">
<IMG id=pic28
style="DISPLAY: none" src="idem">
<IMG
id=pic29 style="DISPLAY: none"
src="idem">
<IMG id=pic30
style="DISPLAY: none" src="idem">
<IMG
id=pic31 style="DISPLAY: none"
src="idem">
<IMG id=pic32
style="DISPLAY: none" src="idem">
<IMG
id=pic33 style="DISPLAY: none"
src="idem">
<IMG id=pic34
style="DISPLAY: none" src="idem">
<IMG
id=pic35 style="DISPLAY: none"
src="idem">
<IMG id=pic36
style="DISPLAY: none" src="idem">
<IMG
id=pic37 style="DISPLAY: none"
src="idem">
<IMG id=pic38
style="DISPLAY: none" src="idem">
<IMG
id=pic39 style="DISPLAY: none"
src="idem">
<IMG id=pic40
style="DISPLAY: none" src="idem">
<IMG
id=pic41 style="DISPLAY: none"
src="idem">
</DT></DIV>
<DIV id=ezdiv></DIV>
<SCRIPT>
N=4
np=4
cx=0
cy=0
k=1/5
pw=new Array()
pw[0]=50
resize()
for(i=0;i<N;i++){
if(i>0)pw[i]=pw[i-1]*k
imstring="<img id=ez"+(i)+" src="+eval("pic"+i+".src")+"
style='position:absolute;left:"+(cx-pw[i]/2)+";top:"+(cy-pw[i]/2)+";width:"+(pw[i])+";height:"+(pw[i])+";z-index:"+(i)+";'>"
ezdiv.insertAdjacentHTML("BeforeEnd",imstring)
}
setInterval("zoomit()",35)
s=new String(txt.innerText)
words=s.split(" ")
words[words.length]=" "
wrd=new Array()
for(i=0;i<words.length;i++)document.body.insertAdjacentHTML("AfterBegin","<div
class=word>test"+i+"</div>")
wdivs=document.all.tags("div")
for(i=0;i<words.length-1;i++){
wrd[i]=new word(words[i],i,N+words.length-i,wdivs[i])
}
wrd[0].start()
function zoomit(){
for(i=0;i<N;i++){
pw[i]*=1.1
with (document.all["ez"+i].style){
if(pw[i]>Math.max(cx+cx,cy+cy)/(0.9*k)){
//pw[i]=pw[(i+N-1)%N]*k
pw[i]=pw[i]*Math.pow(k,N)
np=(np+1)%42
document.all["ez"+i].src=eval("pic"+np+".src")
for(j=0;j<N;j++)document.all["ez"+(i+j+1)%N].style.zIndex=j
}
width=pw[i]
height=pw[i]
left=cx-Math.floor(pw[i]/2)
top=cy-Math.floor(pw[i]/2)
}
}
}
function start(){
with(this){
next=0
size=5
oy=1
o.style.fontSize=size
o.style.left=cx-o.clientWidth/2
o.style.top=cy-o.clientHeight/2
}
setTimeout("wrd["+this.n+"].anim()",35)
}
function anim(){
with(this){
size*=1.1
oy=oy*1.15
//trigger next word at appropriate point
if(size>20 && next==0){
setTimeout("wrd["+(this.n+1)%wrd.length+"].start()")
next=1
}
if(size>200){
o.style.left=-10000
}
else{
o.style.fontSize=size
o.style.left=cx-o.clientWidth/2
o.style.top=oy+cy-o.clientHeight/2
setTimeout("wrd["+this.n+"].anim()",35)
}
}
}
function word(text,n,z,obj){
this.text=text
this.n=n
this.o=obj
this.size=5
this.next=0
this.oy=1
this.o.innerText=text
this.o.style.zIndex=z
this.o.style.fontSize=5
this.start=start
this.anim=anim
}
function resize(){
cx=document.body.clientWidth/2
cy=document.body.clientHeight/2
}
</SCRIPT>
"
2) Fechar
com a tag: " </BODY></HTML>
"
Atenção: não
esqueça de desprezar todas as aspas que não estejam
na cor branca.
Esse script pode perfeitamente
ser copiado dentro da aba Origem de seu Outlook Express, e ser enviado,
com fundo musical, como mensagem aos seus amigos.