<HTML xmlns:cysmil = "urn:schemas-microsoft-com:time"><HEAD><TITLE>Titre de votre animation</TITLE>
<SCRIPT language=JavaScript>
function stopError() {
return true;
}
window.onerror = stopError;
</SCRIPT>
<STYLE>cysmil\:* {
BEHAVIOR: url(#default#time2)
}
.time {
BEHAVIOR: url(#default#time2)
}
SPAN {
CURSOR: hand
}
</STYLE>
</HEAD>
<BODY bgColor=#f0d8d0 scroll=no onload=Init()>
<!----------ici il faut mettre la musique ---------------->
<BGSOUND balance=0 src="D:\WINDOWS\TEMP\gone2.mid" volume=0 loop=infinite>
<H1 style="FONT-WEIGHT: bold; FONT-SIZE: 36pt; FILTER: SHADOW (COLOR: white,strength=15,enabled=1); WIDTH: 100%; COLOR: #c0bcc0; FONT-FAMILY: Book Antiqua, Duchess, Arial" align=center><SPAN
style="FILTER: glow (color: black,strength=5,enabled=1); WIDTH: 100%">
<! ----ici ce sont les écritures qu'il faut changer--->
"Le film que tu as choisis" </SPAN></H1>
<!---------- ici ce sont les deux 2 image(s) de chaque côté du canon------->
<DIV id=Layer1
style="LEFT: 180px; WIDTH: 114px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 210px"><IMG src="C:\WINDOWS\TEMP\a-film07-2.jpg"></DIV>
<DIV id=Layer2 style="LEFT: 630px; WIDTH: 114px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 210px"
align=center><IMG src="C:\WINDOWS\TEMP\a-film07-2.jpg"></DIV>
<!-------------- et ici 5 image(s) pas trop grosses ( environ ou un peu plus : 150x200)------------>
<DIV><SPAN class=time id=star1
style="Z-INDEX: 50; LEFT: 380px; POSITION: absolute; TOP: 300px"><IMG class=time
src="C:\WINDOWS\TEMP\a-film07-couple_2.jpg"></SPAN> <SPAN class=time id=star2
style="Z-INDEX: 50; LEFT: 380px; POSITION: absolute; TOP: 300px"><IMG class=time
src="C:\WINDOWS\TEMP\a-red_2.jpg"></SPAN> <SPAN class=time id=star3
style="Z-INDEX: 50; LEFT: 380px; POSITION: absolute; TOP: 300px"><IMG class=time
src="C:\WINDOWS\TEMP\a-film-2.jpg"></SPAN> <SPAN class=time id=star4
style="Z-INDEX: 50; LEFT: 380px; POSITION: absolute; TOP: 300px"><IMG class=time
src="C:\WINDOWS\TEMP\a-film07-couple-0h_2.jpg"></SPAN> <SPAN class=time id=star5 style="Z-INDEX: 50; LEFT: 380px; POSITION: absolute; TOP: 300px"><IMG class=time src="C:\WINDOWS\TEMP\a-2.jpg"></SPAN> <SPAN class=time id=canon
style="FILTER: Alpha(Opacity=100); LEFT: 380px; BOTTOM: 10px; POSITION: absolute"><IMG class=time style="WIDTH: 200px; HEIGHT: 200px"
src="C:\WINDOWS\TEMP\a-film07-2.jpg"></SPAN> </DIV>
<!---Animation (mouvement) :
Pour les animations en SMIL, rappelez-vous que (0,0) est le centre
de l'écran. De plus, chaque point est identifié par ses coordonnées
X (abcisse) et Y (ordonnée), en pixels.
Et puis aussi, un des avantages du SMIL est qu'il est possible d'utiliser
des Gifs animés comme images. Mais n'exagérez pas, sinon les machines
de vos correspondants vont devenir cardiaques a écrit Michel Claveau.---->
<!--------------Chemin image 1-------------------->
<!-------------- ici on peut changer le speed, le reste je l'ai pas essayé-------------------->
<?import namespace = cysmil urn = "urn:schemas-microsoft-com:time" implementation =
"#default#time2" /><cysmil:animateMotion id=motion1 calcMode = "paced" path =
"m 0 0 C 120 -550 280 -100 410 180 " targetElement = "star1" accelerate = "-0.5"
autoReverse = "False" begin = "1" decelerate = "-1" dur = "10" fill = "freeze"
repeatDur = "indefinite" restart = "whenNotActive" speed =
"2"></cysmil:animateMotion><!---><!---><!--->
<!--------------Chemin image 2-------------------->
<cysmil:animateMotion
id=motion1 calcMode = "paced" path = "m 0 0 C -120 -500 -280 -100 -400 100 "
targetElement = "star2" accelerate = "-0.5" autoReverse = "False" begin = "2"
decelerate = "-1" dur = "8" fill = "freeze" repeatDur = "indefinite" restart =
"whenNotActive" speed = "1"></cysmil:animateMotion><!---><!---><!--->
<!--------------Chemin image 3-------------------->
<cysmil:animateMotion
id=motion1 calcMode = "paced" path = "m 0 0 C 120 -680 290 -100 415 100 "
targetElement = "star3" accelerate = "-0.5" autoReverse = "False" begin = "2.1"
decelerate = "-1" dur = "12" fill = "freeze" repeatDur = "indefinite" restart =
"whenNotActive" speed = "3"></cysmil:animateMotion><!---><!---><!--->
<!--------------Chemin image 4-------------------->
<cysmil:animateMotion
id=motion1 calcMode = "paced" path = "m 0 0 C -120 -700 -285 -100 -415 100 "
targetElement = "star4" accelerate = "-0.5" autoReverse = "False" begin = "2.8"
decelerate = "-1" dur = "14" fill = "freeze" repeatDur = "indefinite" restart =
"whenNotActive" speed = "4"></cysmil:animateMotion><!---><!---><!--->
<!--------------Chemin image 5-------------------->
<cysmil:animateMotion
id=motion1 calcMode = "paced" path = "m 0 0 C -120 -840 -295 -100 -425 100 "
targetElement = "star5" accelerate = "-0.5" autoReverse = "False" begin = "3"
decelerate = "-1" dur = "18" fill = "freeze" repeatDur = "indefinite" restart =
"whenNotActive" speed = "2"></cysmil:animateMotion><!---><!---><!---></FONT>
<!---------------------ici les 4 images du fond (pas trop grosses les images, ça déborde sinon.).----------------------->
<IMG id=img1 style="LEFT: -200px; POSITION: absolute" src="C:\WINDOWS\TEMP\a-fond_-_1_2.jpg">
<IMG id=img2 style="LEFT: -200px; POSITION: absolute" src="C:\WINDOWS\TEMP\a-fond_-_4_2.jpg">
<IMG id=img3 style="LEFT: -200px; POSITION: absolute"
src="C:\WINDOWS\TEMP\a-fond_-_2_2.jpg">
<IMG id=img4 style="LEFT: -200px; POSITION: absolute" src="C:\WINDOWS\TEMP\a-fond_-_3_2.jpg">
<SCRIPT>
var bkimg=new Array(img1.src,img2.src,img3.src,img4.src)
// La vitesse de rotation (en miliSecondes)
var speed=1000
<!-----------!ici tu peux jouer un peu avec le var speed------------->
////////////////////////////////////////////////
var timer
var iii=0
function Init() {
if (document.all) {
window.status=iii
document.body.background=bkimg[iii]
iii++
if (iii>=bkimg.length) {iii=0}
timer=setTimeout("Init()",speed)
}
}
</SCRIPT>
<DIV><IMG id=gymno style="DISPLAY: none"image"
<!ici l'image qui danse sous la souris>
<IMG src="C:\WINDOWS\TEMP\a-film07-_rond_3.jpg"></DIV>
<SCRIPT>
//-----------------------------------------------------------------------------------------------
// script du début en Smil : Michel Claveau : http://mclaveau.Com
//
// script de la fin : Gerard Ferrandez - Ge-1-doot - July 2000 / February 2002
//
// scénario, amalgame & légers changements : Gi-
givi-le-ek@iquebec.com - 23 octobre 2002
//-----------------------------------------------------------------------------------------------
var sp = 4
<! -----ici tu peux changer la vitesse de l'image qui court sous ta souris. Les autres var, désolée je sais pas à quoi ça sert. ;-)--------->
var rs = 4
var object = new Array(100)
var N = 0
var xm = document.body.offsetWidth * 0.5
var ym = 4
<! -----ici tu peux changer le nombre de fois que l'image se reproduit. Celle qui court sous ta souris------>
document.body.style.cursor="crosshair"
document.onmousemove = function () {
xm = window.event.x
ym = window.event.y
}
function CObj(parent,img,cx,cy){
document.body.insertAdjacentHTML("beforeEnd","<IMG src='"+img.src+"' style='position:absolute;WIDTH: 70px; HEIGHT: 70px; left=-1000;z-index:"+(N+1)+"'>")
this.OmW = img.width * 0.5
this.OmH = img.height * 0.5
tag = document.all.tags("IMG")
this.img = tag[tag.length-1].style
this.ddx = 0
this.ddy = 0
this.PX = 0
this.PY = 0
this.x = 0
this.y = 0
this.x0 = 0
this.y0 = 0
this.cx = cx
this.cy = cy
this.parent = parent
this.Ulage = function () {
with (this) {
if(parent == null) x0 = xm, y0 = ym;
else x0 = parent.x, y0 = parent.y;
x = PX += (ddx += ((x0-PX-ddx) + cx) / rs) / sp
y = PY += (ddy += ((y0-PY-ddy) + cy) / rs) / sp
img.left = x - OmW
img.top = y - OmH
}
}
}
k=45/Math.PI
object[N++] = OO = new CObj(null,gymno, 0, 0)
for(i=0;i<180;i+=120){
O = OO
for(j=20;j<35;j+=1){
x=Math.cos((i+10*j)/k)*j
y=Math.sin((i+10*j)/k)*j
object[N++] = o = new CObj(O , gymno, x, y)
O = o
}
}
setTimeout('setInterval("for(var i=0 in object)object[i].Ulage()",32)',1000)
</SCRIPT>
</BODY></HTML>
Accueil
