Scripts à 5 images

Edgar V. Poirier
et
une adaptation Cyrille

Code:: <HTML><HEAD>

<STYLE>BODY {
BORDER-RIGHT: #fff000 6px ridge; BORDER-TOP: #fff000 6px ridge; BORDER-LEFT: #fff000 6px ridge; COLOR: #ea6d2b; BORDER-BOTTOM: #fff000 6px ridge
}
</STYLE>

<META content="MSHTML 6.00.2800.1141" name=GENERATOR></HEAD>
<BODY id=lebod onresize=res() bgColor=#000000
background=cid:000501c2d9ca$c54352a0$0100007f@scenario scroll=no onload=strt();>

BGSOUND balance=0
src="cid:000f01c2d9ca$c54c7a60$0100007f@scenario" volume=-100 loo="1"><IMG
id=bkg1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="cid:000501c2d9ca$c54352a0$0100007f@scenario">
IMG id=imgacc
style="Z-INDEX: 10; FILTER: Alpha(Opacity=100, FinishOpacity=30, Style=2); LEFT: 0px; VISIBILITY: hidden; ; WIDTH: expression(document.body.offsetWidth-12); POSITION: absolute; TOP: 0px; ; HEIGHT: expression(document.body.offsetHeight-12)"
src="cid:000601c2d9ca$c5465fe0$0100007f@scenario">
<DIV id=textbox
style="BORDER-RIGHT: #fff000 3px outset; PADDING-RIGHT: 10px; BORDER-TOP: #fff000 3px outset; DISPLAY: none; PADDING-LEFT: 10px; SCROLLBAR-FACE-COLOR: #000000; FONT-SIZE: 12pt; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gold,direction=115,strength=2); LEFT: 10px; PADDING-BOTTOM: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #00ffff; OVERFLOW: auto; BORDER-LEFT: #fff000 3px outset; WIDTH: 100px; SCROLLBAR-SHADOW-COLOR: #004080; COLOR: #00ffff; SCROLLBAR-3DLIGHT-COLOR: #0080c0; SCROLLBAR-ARROW-COLOR: #ffffff; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #000000; BORDER-BOTTOM: #fff000 3px outset; FONT-FAMILY: Times new roman; SCROLLBAR-DARKSHADOW-COLOR: #0080c0; POSITION: absolute; TOP: 10px; HEIGHT: 200px; BACKGROUND-COLOR: #000000">
<CENTER><BR><BR><B>
<P>Message ici<BR><BR><BR><BR></P></B></CENTER></DIV>
<DIV id=textbox2
style="DISPLAY: none; FONT-SIZE: 14pt; Z-INDEX: 1000; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gold,direction=115,strength=2); WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: Times new roman; POSITION: absolute; TOP: 30%">
<CENTER>
<P>Signature</P></CENTER></DIV>
<DIV
style="Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=80,FinishOpacity=0,Style=2); LEFT: 0px; FONT: bold 14pt 'Times new roman'; WIDTH: 100%; CURSOR: hand; COLOR: #ffffff; BOTTOM: 0px; POSITION: absolute; BACKGROUND-COLOR: #c0c0c0"
onclick=doPop() align=center>Entre</DIV>
<DIV id=src style="DISPLAY: none">
<STYLE id=PopupStyle>
SPAN {
FONT: bold 14pt 'Times new roman';
color: #CD3A40;
}
.lesim {
CURSOR: hand; POSITION: relative;
}
</STYLE>

<DIV id=container
style="LEFT: -1800px; OVERFLOW: hidden; WIDTH: 400px; POSITION: absolute; TOP: -1800px; HEIGHT: 276px"><IMG
id=box style="WIDTH: 100%; POSITION: absolute; TOP: 0px"
src="cid:000701c2d9ca$c5465fe0$0100007f@scenario"> <SPAN id=tb
style="LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 256px; TEXT-ALIGN: center">Message ici </SPAN> </DIV>
<DIV id=buttonPic
style="LEFT: -1800px; OVERFLOW: hidden; WIDTH: 100px; POSITION: absolute; TOP: -1800px; HEIGHT: 100px"><SPAN
onmousedown=parent.doTell(this.id); id=lft title=GO!
style="LEFT: 0px; WIDTH: 20px; CURSOR: hand; POSITION: absolute; TOP: 0px; HEIGHT: 100%"
Picouic>
<TABLE
style="LEFT: 0px; FONT: bold 14pt 'WingDings'; WIDTH: 100%; COLOR: #00ffff; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<TBODY>
<TR>
<TD vAlign=center align=middle>ï </TD></TR></TBODY></TABLE></SPAN>
<DIV id=picHolder
style="LEFT: 10px; OVERFLOW: hidden; WIDTH: 100px; POSITION: absolute; TOP: 0px; HEIGHT: 100px"><SPAN
id=picMenu
style="LEFT: 0px; WIDTH: 100px; POSITION: absolute; TOP: 0px; HEIGHT: 100px"><SPAN
id=imgcont><IMG class=lesim onmousedown=parent.doTell(this.id); id=pic1
src="cid:000801c2d9ca$c5465fe0$0100007f@scenario"> <IMG class=lesim
onmousedown=parent.doTell(this.id); id=pic2
src="cid:000901c2d9ca$c547e680$0100007f@scenario"> <IMG class=lesim
onmousedown=parent.doTell(this.id); id=pic3
src="cid:000a01c2d9ca$c547e680$0100007f@scenario"> <IMG class=lesim
onmousedown=parent.doTell(this.id); id=pic4
src="cid:000b01c2d9ca$c547e680$0100007f@scenario"> <IMG class=lesim
onmousedown=parent.doTell(this.id); id=pic5
src="cid:000c01c2d9ca$c547e680$0100007f@scenario"> <IMG class=lesim
onmousedown=parent.doTell(this.id); id=pic6
src="cid:000d01c2d9ca$c5496d20$0100007f@scenario"> </SPAN></SPAN></DIV><SPAN
onmousedown=parent.doTell(this.id); id=rgt title=Picouic
style="RIGHT: 0px; WIDTH: 20px; CURSOR: hand; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<TABLE
style="LEFT: 0px; FONT: bold 14pt 'WingDings'; WIDTH: 100%; COLOR: #00ffff; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<TBODY>
<TR>
<TD vAlign=center align=middle>ð</TD></TR></TBODY></TABLE></SPAN></DIV>
<DIV id=closeButt
style="Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=80,FinishOpacity=0,Style=2); LEFT: 40%; FONT: bold 12pt 'Times new roman'; WIDTH: 20%; CURSOR: hand; COLOR: #0000ff; BOTTOM: 0px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #b8d0d4"
onclick=parent.objPopup.hide() align=center>Ciao</DIV></DIV><IMG
id=bkg style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="cid:000e01c2d9ca$c5496d20$0100007f@scenario"> 
<script language=Javascript>
// Slideshow from Thumbnails with Transition

// by Edgar V. Poirier
// May 18, 2002
//adaptation Cyrille 02/06/2002
var nm, mx, my, nameChk, pH, pW, pRatio, menuLeft, tH, tW, nx, ny, fspop
var picTitle=new Array()

//FS ? (1 pour un fs sinon n'importe quelle autre valeur)
fspop=54

//taille popup
//La taille de la popup :
//Largeur:
nx=800;

//Hauteur:
ny=600;

//taille bordures
tbord=8

//type et largeur de bordure popup:
bordure='#FFf000 ridge'

//type et largeur de bordure thumbnail:
borduret='#FFf000 outset'

//type et largeur de bordure image centrale:
bordurei='#FFf000 inset'

// Enter the full size dimensions of the images (in pixels)
frmWidth=500
frmHeight=551

// Width of Image Border (in pixels)
borderWidth=6

// Height of Image Title box (in pixels)
textHeight=25

// Thickness of Thumbnail Image borders (in pixels)
picBorder=3

// Width of thumbnail navigation buttons
buttonWidth=20

// Number of thumbnails visible in menu
menuWidth=6

// Textbox Offset (in percent)
textOffset=10

// Popup is initialized here
objPopup=window.createPopup();
objPopupBody=objPopup.document.body;
objPopupBody.style.border=bordure
objPopupBody.style.borderWidth=tbord;
objPopupBody.style.cursor="crosshair";
objPopupBody.style.backgroundColor="cornsilk"
objPopupBody.style.backgroundImage="URL("+bkg1.src+")";
objPopupBody.innerHTML="<div style='display:none'>"+PopupStyle.innerHTML+"</div>"+src.innerHTML
objPopupBody.onunload=parent.reta;
fs=objPopupBody.all
fs("box").src=fs('pic1').src
fs("box").style.border=bordurei
fs("box").style.borderWidth=borderWidth;
w=document.body
tintin=objPopup.document.all.imgcont.all.tags("img")
numPics=tintin.length;
jx=window.parent.screen.width
jy=window.parent.screen.height
if (fspop==1){nx=jx;ny=jy;}

lesfilttres=[
"CenterCurls",
"ColorFade",
"Twister",
"Liquid",
"BurnFilm",
"Lens",
"GlassBlock",
"PageCurl",
"Water",
"RollDown",
"Wormhole",
"LightWipe",
"FadeWhite",

"Jaws",
"FlowMotion",
"Vacuum",
"Grid",
"Threshold",
"Ripple",
"Curls",
"PeelABCD",
"Curtains"

];

lesid = [
"{AA0D4D0C-06A3-11D2-8F98-00C04FB92EB7}",
"{2A54C908-07AA-11D2-8D6D-00C04F8EF8E0}",
"{107045CF-06E0-11D2-8D6D-00C04F8EF8E0}",
"{AA0D4D0A-06A3-11D2-8F98-00C04FB92EB7}",
"{107045D0-06E0-11D2-8D6D-00C04F8EF8E0}",
"{107045CA-06E0-11D2-8D6D-00C04F8EF8E0}",
"{2A54C913-07AA-11D2-8D6D-00C04F8EF8E0}",
"{AA0D4D08-06A3-11D2-8F98-00C04FB92EB7}",
"{107045C5-06E0-11D2-8D6D-00C04F8EF8E0}",
"{9C61F46E-0530-11D2-8F98-00C04FB92EB7}",
"{0E6AE022-0C83-11D2-8CD4-00104BC75D9A}",
"{107045C8-06E0-11D2-8D6D-00C04F8EF8E0}",
"{107045CC-06E0-11D2-8D6D-00C04F8EF8E0}",
"{2A54C904-07AA-11D2-8D6D-00C04F8EF8E0}",
"{2A54C90B-07AA-11D2-8D6D-00C04F8EF8E0}",
"{2A54C90D-07AA-11D2-8D6D-00C04F8EF8E0}",
"{2A54C911-07AA-11D2-8D6D-00C04F8EF8E0}",
"{2A54C915-07AA-11D2-8D6D-00C04F8EF8E0}",
"{AA0D4D03-06A3-11D2-8F98-00C04FB92EB7}",
"{AA0D4D0E-06A3-11D2-8F98-00C04FB92EB7}",
"{AA0D4D10-06A3-11D2-8F98-00C04FB92EB7}",
"{AA0D4D12-06A3-11D2-8F98-00C04FB92EB7}"];
CopyrightText = "Copyright MetaCreations Corp. 1998. Unauthorized duplication of this string is illegal. ";
debmeta="progid:DXImageTransform.MetaCreations."
totmeta=lesid.length;numfilt=0;

// Display the popup
function doPop() {
objPopup.show((jx-nx)/2,(jy-ny)/2,nx,ny);
}

// Display the selected image
function doTell(myname) {
objPopup.document.parentWindow.event.cancelBubble="true"
// Remember this object's ID
nm=myname
// Make sure it is a valid object
nameChk=nm.substr(0, 3)
// If it is valid then flag it
if (nameChk=="pic") {
fs("tb").style.filter='blendtrans'
fs("tb").filters[0].Apply()
fs("tb").innerText=fs(nm).alt
fs("tb").filters[0].Play(3)
if (numfilt==totmeta) {numfilt=0;}
fs("box").style.filter=debmeta+lesfilttres[numfilt]
fs("box").filters[0].Copyright = CopyrightText + lesid[numfilt];
fs("box").filters[0].Apply()

fs("box").src=fs(nm).src
fs("box").filters[0].Play(3)
numfilt++;
}
if (nameChk=="lft") {
if (menuLeft>-((numPics-menuWidth)*tW)) {
menuLeft=menuLeft-tW
}else{
menuLeft=-((numPics-menuWidth)*tW)
}
}
if (nameChk=="rgt") {
if (menuLeft<0) {
menuLeft=menuLeft+tW
}else{
menuLeft=0
}
}
if (menuLeft==0) {
fs("rgt").style.display="none"
}else{
fs("rgt").style.display=""
}
if (menuLeft==-((numPics-menuWidth)*tW)) {
fs("lft").style.display="none"
}else{
fs("lft").style.display=""

}
fs("picMenu").style.left=menuLeft
}

// Initialize Sizes and Positions
function strt() {
// Adjust image container size
pH=frmHeight+borderWidth*2
pW=frmWidth+borderWidth*2
pRatio=pW/pH
if (pH>ny*.7) {
pH=Math.floor(pH*.7)
pW=Math.floor(pH*pRatio)
}

tH=100
tW=Math.floor(tH*pRatio)+(picBorder*2)
tH=tH+(picBorder*2)

menuLeft=0

fs("container").style.width=pW
fs("container").style.height=pH+textHeight
fs("container").style.left=(nx-(2*tbord)-pW)/2
fs("container").style.top=(ny-(tH+picBorder*2)-(2*tbord)-(pH+textHeight))/2

fs("tb").style.top=pH

// Main menu container
fs("buttonPic").style.width=tW*menuWidth+buttonWidth*2

fs("buttonPic").style.height=tH
fs("buttonPic").style.top=ny-(tH+(picBorder*2)+(2*tbord)+fs("closeButt").style.posHeight)
fs("buttonPic").style.left=(nx-(tW*menuWidth+(buttonWidth*2)+(2*tbord)))/2

// Menu center displaying thumbnails
fs("picHolder").style.width=tW*menuWidth
fs("picHolder").style.height=tH
fs("picHolder").style.left=buttonWidth

// Container holding all thumbnails
fs("picMenu").style.height=tH
fs("picMenu").style.width=tW*numPics
fs("picMenu").style.top=0
fs("picMenu").style.left=menuLeft

// Size the thumbnails
for (i=1; i<=numPics; i++) {
pp="pic"+i
fs(pp).style.border=borduret
fs(pp).style.borderWidth=picBorder;
fs(pp).style.width=tW-(picBorder*2)

fs(pp).style.height=tH-(picBorder*2)

}

// Hide the righthand button initially
fs("rgt").style.display="none"

}
function res(){
// Position the text box

textbox.style.backgroundImage="URL("+bkg.src+")";
var tT=textOffset/50*w.clientHeight
var tL=textOffset/30*w.clientWidth

textbox.style.width=w.clientWidth-tL*2
textbox.style.height=w.clientHeight-tT*2
textbox.style.top=tT
textbox.style.left=tL
}
function reta(){ lebod.style.filter='progid:DXImageTransform.Microsoft.Gradient(endColorstr=#B8D0D4,startColorstr=#000845,GradientType=0.5)';
textbox.style.display="none";
textbox2.style.display="";
imgacc.src=fs("box").src
imgacc.style.visibility="visible";
}

res()
textbox.style.display=""

</script>
</BODY></HTML>

Du Gérard Ferrandez

Code:: <HTML><HEAD>

<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #000000; FONT-WEIGHT: bold; SCROLLBAR-HIGHLIGHT-COLOR: silver; SCROLLBAR-SHADOW-COLOR: gray; COLOR: silver; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: silver; FONT-FAMILY: Verdana; SCROLLBAR-DARKSHADOW-COLOR: gray
}
</STYLE>

</HEAD>
<BODY bgColor=#000000><BGSOUND balance=0
src="cid:000501c2d9ca$c54352a0$0100007f@scenario"
volume=0 loop=infinite></BGSOUND>

<DIV align=center>
<MARQUEE id=presentation style="FONT-SIZE: 14px; TEXT-ALIGN: center"
scrollAmount=1 hspace=100 vspace=20 scrollDelay=40 direction=up behavior=slide
loop=infinite width=400 height=250>Message ici<BR></MARQUEE></DIV><BUTTON
id="cid:000501c2d9ca$c54352a0$0100007f@scenario"
style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; Z-INDEX: 100; LEFT: 22.4%; FONT: bold 36px 'Verdana'; BORDER-LEFT: medium none; WIDTH: 59.13%; CURSOR: hand; COLOR: #ff8800; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 22.82%; HEIGHT: 49.14%"
onclick=popOpen()><IMG alt=Entrée hspace=0
src="cid:000501c2d9ca$c54352a0$0100007f@scenario"
border=0></BUTTON>
<DIV id=src style="DISPLAY: none">
<STYLE id=PopupStyle>
body {filter:revealtrans()}
.img {position:absolute;left:-10000}
</STYLE>
<SPAN><IMG class=img
src="cid:000501c2d9ca$c54352a0$0100007f@scenario"> <IMG
class=img
src="cid:000501c2d9ca$c54352a0$0100007f@scenario">
<IMG class=img
src="cid:000501c2d9ca$c54352a0$0100007f@scenario">
<IMG class=img
src="cid:000501c2d9ca$c54352a0$0100007f@scenario"> <IMG
class=img
src="cid:000501c2d9ca$c54352a0$0100007f@scenario">
<SPAN
id=laphrase
style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; Z-INDEX: 15; LEFT: 3px; COLOR: yellow; FONT-FAMILY: verdana; POSITION: absolute; TOP: 3px; TEXT-ALIGN: left">
<BR>Message ici<BR></SPAN><BUTTON id=sortie
style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; Z-INDEX: 1000; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 82%; BORDER-LEFT: medium none; CURSOR: hand; COLOR: silver; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 97%"
onclick=parent.objPopup.hide()><FONT
color=white>Au revoir</FONT></B></BUTTON></DIV>
<SCRIPT language=JavaScript>
// ---------------------------------------------------------
// Version OE5.5 Plein Ecran -
// auguste 2000 - Gerard Ferrandez
// Push Button Pop Up - JerryBoy
// ---------------------------------------------------------
function popOpen() {
jx=window.parent.screen.width
jy=window.parent.screen.height
objPopup.show(0,0,jx,jy)
zyva();
}
objPopup=window.createPopup();
objPopupBody=objPopup.document.body;
objPopupBody.style.border="";
objPopupBody.style.backgroundColor="#000000";
objPopupBody.innerHTML="<div style='display:none'>"+PopupStyle.innerHTML+"</div>"+src.innerHTML;
http://objPopupBody.style.backgroundImage="URL("+bkg.src+")";
Tb=objPopupBody.all;
// ------------------------------------------------------------
// mon premier javascript créationiste - Gérard Ferrandez -
// 19 Novembre 1999 - merci MP !
//-------------------------------------------------------------
// version 0?0 - Y2K compliant - doit encore y avoir des bugs !
//
// c'est des fous - z'ont débranché le serveur - déjà qu'avait pas foule
// l'esprit du forum pourra dormir tranquille...
// FS conversion by Tb 07 2001
//---var globales------
object = new Array()
W0 = 0
H0 = 0
am=20
DV=0
imgBak=0
nx=0
ny=0
//---cO'mdhab-----------
objPopupBody.scroll="no"
objPopupBody.style.cursor="crosshair"
//----------------------
function apparait() {
with (this) {
   W+=1
   H+=(H0/W0)
   if(W<W0 || H<H0)setTimeout("object[" + N + "].apparait()",1)
}
}

function agrandi() {
with (this) {
   W+=(nx-W)/am
   H+=(ny-H)/am
   if(W>=nx-2)DV = 0; else setTimeout("object[" + N + "].agrandi()",1)
}
}
function diminue() {
with (this) {
   W-=W/(am/1.8)
   H-=H/(am/1.8)
   if(W>=2) setTimeout("object[" + N + "].diminue()",1); else {img.zIndex=1;this.apparait()}
}
}

function tourne() {
with (this) {
   //------calcul du lissajoux-----
   k+=0.001
   L=(nx/2-(W/2))+(Math.cos(k*A)/2)*(nx-W)
   T=(ny/2-(H/2))+(Math.cos(k*B)/2)*(ny-H)+46
   //------ça s'anime ici et pas ailleurs----------
   if(W!=WB)img.width=W
   if(H!=HB)img.height=H
   img.top=T
   img.left=L
   WB=W;HB=H
   //------appel agrandissement-----
   if(Math.random()>0.995 && DV == 0 && imgBak != this){
      DV = 1
      this.agrandi()
      img.zIndex=-1
      if(imgBak!=0) imgBak.diminue()
      imgBak=this
   }
   //------ça boucle---(merde, y a pas un truc pour se passer de objet[N] ?)
   setTimeout("object[" + N + "].tourne()",1)
}
}

function CObj(N,img){
//----def des attributs
this.N = N
this.A = Math.round(Math.random()*15)+1
this.B = Math.round(Math.random()*15)+3
this.k=0
this.img = img.style
this.L = 0
this.T = 0
this.W = W0
this.H = H0
this.WB = 0
this.HB = 0
//-----def des méthodes---
this.tourne = tourne
this.agrandi = agrandi
this.diminue = diminue
this.apparait = apparait
//----c parti-----
this.tourne()

}

function zyva() {
//----l'amour de la fonction zyva-----
setInterval('laphrase.style.pixelTop--',1)
resize()
//---la dimension des images
W0=nx/5
H0=ny/5
img = Tb.tags("IMG")
nbI = img.length
//----création des instances - toute la puissance est dans le "new"----
for (i=0;i<nbI;i++) object[i] = new CObj(i,img[i])
}

//----le resizage de la window-----
function resize() {
nx=objPopup.document.body.offsetWidth
ny=objPopup.document.body.offsetHeight
}
window.onresize = resize;

</SCRIPT>
</BODY></HTML>

» Scripts à 3 images
» Scripts à 4 images
» Scripts de Gi & moteurs de scripts de Gérard Ferrandez
» Liens de scripts
» Scripts PSP