"Arteviva"
contribuição de Paulo Baddini
Credits:
° image: "Compreendo"
- pastel on paper by Guacira Sampaio Rocha
° mid: "Cantletitgo" (found for free, in the net)
° script author: Phil
Richards
° prepared, commented and posted (as it
is in this page) by: Paulo Baddini
1) Dentro
das tags "<head> </head>"
coloque:
"<STYLE>BODY
.hidimg {
LEFT: -10000px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden
}
</STYLE>"
2) Logo
após coloque:
" <BODY
bgColor=#000080 onload=init(); scroll=yes>
<BGSOUND balance=0
src="coloque
aqui o caminho do som" volume=-600>
<IMG class=hidimg id=pic0
src="aqui a imagem">
<IMG class=hidimg
id=pic1 src="a mesma imagem, ou
a segunda imagem"> <IMG
class=hidimg id=pic2 src="a
mesma imagem, ou a terceira imagem">
<IMG class=hidimg id=pic3
src="a
mesma imagem, ou a quarta imagem">
<IMG class=hidimg
id=pic4 src="a mesma
imagem, ou a quinta imagem">
<IMG
class=hidimg id=pic5 src="a mesma
imagem, ou a sexta imagem">
<IMG class=hidimg id=pic6
src="a mesma
imagem, ou a setima imagem">
<IMG class=hidimg
id=pic7 src="a mesma
imagem, ou a oitava imagem">
<IMG
class=hidimg id=pic8 src="a
mesma imagem, ou a nona imagem">
<SCRIPT autor="Phil Richards
April 2001">
var panelsAcross = 3; // PAINÉIS
HORIZONTAIS
var panelsDown = 3; // PAINÉIS
VERTICAIS
var panelSpacing = 0; // ESPAÇAMENTO
ENTRE PAINÉIS
var panelWidth = 240; // LARGURA
DE CADA PAINEL
var panelHeight = 140; // ALTURA
DE CADA PAINEL
var boxLeft = 140; // MARGEM
ESQUERDA
var boxTop = 10; // MARGEM
SUPERIOR
var speed = 0.005; // RAPIDEZ
DO MOVIMENTO
var numPanels = panelsAcross * panelsDown
var panels = new Array();
var picWidth, picHeight;
var t = 0;
var mxRange, myRange;
function init()
{ var i;
document.body.insertAdjacentHTML("afterBegin","<span
id = \"box\" style = \"overflow: hidden; position:
absolute; top: " + boxTop + "; left: " + boxLeft +
"; width: " + ( 4 + panelsAcross * panelWidth + ( panelsAcross
- 1 ) * panelSpacing) + "; height: " + ( 4 + panelsDown
* panelHeight + ( panelsDown - 1) * panelSpacing) + ";\"></span>");
for(i = 0; i < panelsAcross; i++)
{ for(j = 0; j < panelsDown; j++)
{ panels[i * panelsDown + j] = new panel(i, j, "pic" + (i
* panelsDown + j));
}
}
ANIM = 50
setInterval("anim();", ANIM);
}
function anim()
{ var i;
t += speed;
for(i = 0; i < numPanels; i++)panels[i].anim();
}
function panelAnim()
{ this.is.posLeft = -this.mxRange * ( 1 + Math.cos( ( t + this.dt
)/0.71) );
this.is.posTop = -this.myRange * ( 1 + Math.sin(this.m * ( t + this.dt)
));
}
function panel(i, j, img)
{ picWidth = parseInt(eval(img + ".width"));
picHeight = parseInt(eval(img + ".height"));
this.i = i;
this.j = j;
if( ( i + j )%2 == 0)
{ this.m = 1;
}
else
{ this.m = -1;
}
this.mxRange = (picWidth - panelWidth)/2;
this.myRange = (picHeight - panelHeight)/2;
//you can play
with the numbers in the next line for different effects
// USEI AQUI PARAMETROS
ALEATÓRIOS
PARI= (5.1 * Math.random()) + 1.5;
PARJ = (4.2 * Math.random()) + 2;
PAR = (3.3 * Math.random()) + 2.5;
this.dt = ( PARI * i + PARJ * j) * PAR;
//alternative version
//this.dt = -( 5.5*i + panelsAcross * 4.5*j) * 0.06;
//another alternative
//this.dt = 0;
box.insertAdjacentHTML("afterBegin","<span style
= \"position: absolute; overflow: hidden; left: " + (i *
(panelWidth + panelSpacing)) + "; top: " + (j * (panelHeight
+ panelSpacing)) + "; width: " + panelWidth + "; height:
" + panelHeight + "; \"><img src = \""
+ (eval(img + ".src")) + "\" style = \"position:
absolute;\"></span>");
obj = box.all.tags("span")[0];
this.ss = obj.style;
this.is = obj.children[0].style;
this.anim = panelAnim;
}
</SCRIPT> "
3) Fechar com as tags:
" </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.