CCG 17
Explications

Salut petit mess pas trop compliquer la seule complication c'est de trouver une image
qui vas avec, la couleur verte c'est du pipo
le rouge ce que  vous pourrez changer ( le reste aussi )
vous pouvez rajouter TOUT se que vous voudrez dedans
 mais garder l'ondulation du script ... bonnes chances et bon vents... Richard  A+++++++++++

 

<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2600.0" name=GENERATOR>
</HEAD>
<BODY bgColor=black>
<BGSOUND balance=0 src="c:\windows\bureau\bambo.mid" volume=0 loop=infinite>  
 <!--la musique-->
 
<DIV style="Z-INDEX: -10; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#004080,endColorstr=#000000,GradientType=1); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%"></DIV>
<!--le fond du premier-->
<BUTTON id=" Open Popup" style="BORDER-RIGHT: #f8b01d  120px outset; BORDER-TOP: #f8b01d 20px outset; Z-INDEX: 100; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: dropshadow(offx=1, offy=1, color=#454C5F,enabled=1); LEFT: 290px; FONT: bold 10px 'lucida handwriting'; BORDER-LEFT: #f8b01d 20px outset; CURSOR: hand; COLOR: #eed2a2; BORDER-BOTTOM: #f8b01d 20px outset; POSITION: absolute; TOP: 80px"
onclick=popOpen()>Bambo</BUTTON>
 
<!--ouverture du popup-->

<DIV id=src style="DISPLAY: none">

<STYLE id=PopupStyle></STYLE>

<SPAN><IMG id=pic style="VISIBILITY: hidden" src="c:\windows\bureau\anemone.gif"> </SPAN>
<!--image-->

<DIV style="Z-INDEX: -10; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#004080,endColorstr=#000000 GradientType=1); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%"></DIV>
 
<!--le fond du deuxieme-->

<DIV style="FONT-WEIGHT: bold; FONT-SIZE: 14px; Z-INDEX: 10; FILTER: dropshadow(offx=1, offy=1, color=#934687,enabled=1); LEFT: 10%; WIDTH: 80%; COLOR: #000000; BOTTOM: 20px; FONT-FAMILY: lucida handwriting; POSITION: absolute; TEXT-ALIGN: center">
que c'est glop</DIV>
<!--texte a mettre a l'interieur -->
 
<BUTTON id="Close Popup"
style="Z-INDEX: 100; RIGHT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: dropshadow(offx=1, offy=1, color=#F8B01D,enabled=1); FONT: bold 10px 'lucida handwriting'; CURSOR: hand; COLOR: #f8b01d; BOTTOM: 10px; POSITION: absolute"
onclick=parent.objPopup.hide()>Y a marre</BUTTON> </DIV>
<!--fond et ecriture du paves sortir -->
</SCRIPT>
<!--A partir de la pas grand chose a changer sauf ceux qui savent -->
 

<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="20px ridge #F8B01D<!--la bordure a l'interieur -->
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=20;   //number of panels across the window
var panelsDown=1;     //number of panels down the window
var panelSpacing=0;  //spacing between panels
var panelWidth=40;   //width of each panel
var panelHeight=600;  //height of each panel
var boxLeft=0;       //left edge
var boxTop=40;        //top edge
var speed=0.066;       //speed of motion of images   <!--vitesse du defillement de l'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);
  picHeight=parseInt(jb.pic.height);
  mxRange=(picWidth-panelWidth)/2;
  myRange=(picHeight-panelHeight)/2;
 
  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>
<!-- et la c'est fini bonne chance et bon vent les copains et copines -->
 


Menu