|
"Painéis"
contribuição
de Tulie
original modificado e adaptado
por
Guacira Sampaio Rocha
Credits:
° image: "Medieval"
(exercise on computer art software) by Guacira Sampaio Rocha
° mid: "arabesq[1]" (found for free, in the net)
° script authors: Gerard
Ferrandez, JerryBoy, Phil Richards
° prepared, commented and posted (as it is
in this page) by: Guacira
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2712.300" name=GENERATOR><title>Grafico</title>
</HEAD>
<BODY bgColor=#000000 scroll=no>
<DIV> </DIV>
<DIV><FONT face="Comic Sans MS" size=2></FONT> </DIV>
<DIV> </DIV>
<DIV><FONT color=#0000ff></FONT> </DIV>
<DIV style="FONT: 10pt arial"> </DIV>
<DIV><BUTTON id="open Popup"
style="BORDER-RIGHT: #e6e600 2px inset; BORDER-TOP: #e6e600 2px
outset; Z-INDEX: 100;
BACKGROUND: black; LEFT: 40px; FONT: 14px 'tempus sans itc'; BORDER-LEFT:
#e6e600 2px outset;
CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #e6e600 2px inset; POSITION:
absolute; TOP: 50px"
onclick=popOpen()>ABRIR</BUTTON>
</DIV>
<DIV
style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; Z-INDEX: 10;
FILTER: shadow(color=#9B0303,enabled=1);
WIDTH: 100%; COLOR: white; FONT-FAMILY: tempus sans itc; POSITION: absolute;
TOP: 80px; TEXT-ALIGN: center"><BR><BR><BR><BR></DIV>
<DIV id=src style="DISPLAY: none">
<STYLE id=PopupStyle></STYLE>
<SPAN><IMG id=pic style="VISIBILITY: hidden"
src="aqui o caminho da imagem">
</SPAN><BUTTON id="Close Popup"
style="BORDER-RIGHT: #e6e600 1px outset; BORDER-TOP: #e6e600 1px
outset;
Z-INDEX: 100; BACKGROUND: white scroll repeat 0% 0%; LEFT: 93%; FONT:
14px 'bold';
BORDER-LEFT: #e6e600 1px outset; CURSOR: hand; COLOR: #000000;
BORDER-BOTTOM: #e6e600 1px outset; POSITION: absolute; TOP: 96%"
onclick=parent.objPopup.hide()>FECHAR</BUTTON>
</DIV>
<BLOCKQUOTE></BLOCKQUOTE><BGSOUND id=Sound23 balance=0
src="aqui o caminho do som"
volume=0 loop=10>
<SCRIPT language=JavaScript>
// ---------------------------------------------------------
// Version OE5.5 Plein Ecran -
// auguste 2000 - Gerard Ferrandez
// Push Button Pop Up - JerryBoy
// ---------------------------------------------------------
function popOpen() {
objPopup.show(0,0,jx,jy)
init();
}
jx=window.parent.screen.width
jy=window.parent.screen.height
objPopup=window.createPopup();
objPopupBody=objPopup.document.body;
objPopupBody.style.border=""
objPopupBody.style.backgroundColor="black"
objPopupBody.innerHTML="<div style='display:none'>"+PopupStyle.innerHTML+"</div>"+src.innerHTML
//objPopupBody.style.backgroundImage="URL("+bkg.src+")";
jb=objPopupBody.all
//
// JerryBoy adapted for FS - 2001
//
//////////////////////////////////////////////////////////
//Multiple Images 1
//Phil Richards March 2001
//evolve@p-richards.demon.co.uk
//////////////////////////////////////////////////////////
var panelsAcross=12; //number
of panels across the window
var panelsDown=1; //number
of panels down the window
var panelSpacing=1; //spacing
between panels
var panelWidth=jx/10; //width
of each panel
var panelHeight=jy; //height
of each panel
var boxLeft=1; //left
edge
var boxTop=1; //top
edge
var speed=0.01; //speed
of motion of images
var numPanels=panelsAcross*panelsDown
var panels=new Array();
var picWidth,picHeight;
var t=0;
var mxRange,myRange;
function init(){
var i;
picWidth=parseInt(jb.pic.width)/2;
picHeight=parseInt(jb.pic.height)/2;
mxRange=(picWidth-panelWidth);
myRange=(picHeight-panelHeight);
objPopup.document.body.insertAdjacentHTML("afterBegin","<span
id=\"box\" style=\"position:absolute;top:"+boxTop+";left:"+boxLeft+";width:"+(panelsAcross*panelWidth+(panelsAcross-1)*panelSpacing)+";height:"+(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.src);
}
}
setInterval("anim();",50);
}
function anim(){
var i;
t+=speed;
for(i=0;i<numPanels;i++)panels[i].anim();
}
function panelAnim(){
this.is.posLeft=-mxRange*(1+Math.cos((t+this.dt)/0.71));
this.is.posTop=-myRange*(1+Math.sin(t+this.dt));
}
function panel(i,j,img){
this.i=i;
this.j=j;
//you can play with the numbers in the next line for different effects
this.dt=(i+0.7*j)*0.2;
//alternative version
// this.dt=-(i+panelsAcross*j)*0.5;
jb.box.insertAdjacentHTML("afterBegin","<span style=\"position:absolute;overflow:hidden;left:"
+(i*(panelWidth+panelSpacing))
+";top:"+(j*(panelHeight+panelSpacing))+";width:"+panelWidth+";height:"+panelHeight+";\">
<img src=\""+img+"\" style=\"position:absolute;\"></span>");
obj=jb.box.all.tags("span")[0];
this.ss=obj.style;
this.is=obj.children[0].style;
this.anim=panelAnim;
}
</SCRIPT>
</BODY></HTML>
4) Todos
os textos em destaque de cor definem as áreas que você
poderá editar, mudando os parâmetros.
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.
|