<BODY onload=zyva()> <IMG id=theimg src="file:///C:\A\20.jpg" style="POSITION: absolute; WIDTH: 0px; Z-INDEX: -1"> <DIV id=txt style="COLOR: black; FILTER: dropshadow(offx=2, offy=2, color=blue,enabled=1); FONT-FAMILY: BlackForest; FONT-SIZE: 14pt; FONT-WEIGHT: normal; WIDTH: 100%"></DIV> <SCRIPT language=JavaScript> k=0 pi=3,141592654
T=50 // T définit la valeur de k pour laquelle l'image retrouve la dimension obtenue // // à l'ouverture du navigateur : petite valeur, mouvement rapide //
E=20 // E définit l'extension maximale qu'aura l'image déformée par rapport à la taille de // // la fenêtre du navigateur; exemple : 20 pour 20% plus grande au maximum //
document.body.scroll="no" // On supprime les ascenseur car ceux-ci perturberaient les animations. // document.body.style.cursor="crosshair" // Le curseur souris est sous forme de croix (c'est ce qu'il y a de plus discret). //
function trn() {
L=document.body.offsetWidth H=document.body.offsetHeight // L est la largeur du corps de la fenêtre (body), ascenseurs exclus.// // H est la hauteur du corps de la fenêtre (body), ascenseurs exclus.//
k++ // La variable k est incrémentée de 1 ; cela revient à écrire k = k+1 //
theimg.style.width = L*E*(Math.sin(2*pi*k/T)+1)/200 + L // theimg.style est la feuille de styles associée à cette image// l=theimg.style.pixelWidth //theimg.style.pixelWidth est fourni par le DHTML ; c'est la largeur de l'image en pixels. // // l est la largeur de l'image DEFORMEE, suite à modif ci-dessus, exprimée en pixels//
theimg.style.height = L*E*(Math.cos(2*pi*k/T)+1)/200 + H h=theimg.style.pixelHeight // h est la hauteur de l'image DEFORMEE, suite à modif ci-dessus, exprimée en pixels//
theimg.style.left = (L-l)/150
theimg.style.top = (H-h)/150
// il s'agit des hauteurs (height) et positions gauche (left) ou depuis le haut (top).// setTimeout("trn()",32) // réglage du temps entre deux valeurs consécutives de k // } function zyva() { trn() }
</SCRIPT>
|