|
• Des SCRIPTS gratuits, expliqués et personnalisables. |
Cliquez sur "download" pour télécharger le kit nécessaire
Compatible IE et NS (v4.75: oui; v6: non). Le délai de réapparition de l'effet est personnalisable.
1/ Ajouter entre les balises <HEAD> et </HEAD>:
ou entre body et /body...
<SCRIPT LANGUAGE="Javascript">
<!--
fallImgname = "FLY.gif";
fallWait =4;
fallXoffset = 500;
fallInc =20;
NS4 = IE4 = VERSION4 = 0;
function fallInit () {
if (VERSION4) {
if (NS4) fallObj = document.fallN1;
if (IE4) fallObj = document.all.fallN1;
fallWrite ('<IMG NAME="fallImg1" SRC="'+fallImgname+'" BORDER="0" ALIGN="Top" onLoad="setTimeout(\'fallInitImg ()\',1000);">');
if (NS4) {
fallObj.top = -100;
fallObj.left = fallXoffset;
fallObj.visibility = "show";
}
if (IE4) {
fallObj.style.top = -100;
fallObj.style.left = fallXoffset;
fallObj.style.visibility = "visible";
}
}
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE="Javascript1.2">
<!--
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
VERSION4 = (NS4|IE4) ? 1 : 0;
if(NS4){oW=innerWidth;oH=innerHeight;onresize=function(){if(innerWidth!=oW||innerHeight!=oH)location.reload()}}
function fallWrite (str) {
if (NS4) {
with (fallObj.document) {
write(str);
close();
}
}
if (IE4) fallObj.innerHTML = str;
}
function fallInitImg () {
if (NS4) {
fallImgwidth = document.fallN1.document.images['fallImg1'].width;
fallImgheight = document.fallN1.document.images['fallImg1'].height;
}
if (IE4) {
fallImgwidth = document.all.fallImg1.width;
fallImgheight = document.all.fallImg1.height;
}
fallXdec = Math.ceil((fallXoffset + fallImgwidth)/30);
fallFlag = 0;
fallMove();
}
function fallMove () {
var value, bornemax, bornemin, tempo = 50;
if (NS4) {
value = fallObj.top;
bornemin = window.pageYOffset;
bornemax = bornemin + window.innerHeight;
}
if (IE4) {
value = fallObj.style.pixelTop;
bornemin = document.body.scrollTop;
bornemax = bornemin + document.body.clientHeight
}
if (fallFlag == 0) {
fallFlag = 1;
value = bornemin - fallImgheight;
if (NS4) fallObj.left = fallXoffset;
if (IE4) fallObj.style.left = fallXoffset;
} else {
if (fallFlag == 1) {
if (value + fallInc < bornemax - fallImgheight) value += fallInc;
else {
fallFlag = 2;
value = bornemax - fallImgheight;
fallSynchro = 0 ;
fallPos = value;
}
}
else {
var dec = Math.abs(100*(1-fallSynchro/30)*Math.sin(fallSynchro*4*3.1416/30));
value = fallPos - dec;
if (NS4) fallObj.left = fallXoffset - fallSynchro*fallXdec;
if (IE4) fallObj.style.left = fallXoffset - fallSynchro*fallXdec;
if (fallSynchro++ == 30) {
fallFlag = 0;
tempo = fallWait*1000;
}
}
}
if (NS4) fallObj.top = value;
if (IE4) fallObj.style.pixelTop = value;
setTimeout ("fallMove()",tempo);
}
// -->
</SCRIPT>
<STYLE TYPE='text/css'>
<!--
#fallN1 {
position:absolute;
top: 0;
left: 0;
width: 1;
height: 1;
z-index: 100;
visibility: hidden;
}
-->
</STYLE>
Précisez:
- le nom de votre image: fallImgname = "IciVotreLogo.gif"
- le délai de réapparition de l'effet: fallWait = 2 (valeur élevée = délai long)
- la position de départ de l'effet: fallXoffset = 15 (500 par exemple; attention aux utilisateurs d'écrans réglés en 800x600...)
2/ Ajouter dans le corps de la page:
n'importe où
<!-- Affichage chute d'image -->
<DIV ID="fallN1">
</DIV>
<SCRIPT LANGUAGE="Javascript1.2">
<!-- Script chute d'image Partie 3
if (window.onload) {
if (window.RegExp) {
var regstr = '^[^\\{]*\\{((.|\\t|\\n|\\r)*)}[^\\}]*$';
window.onload.toString().match(regstr);
window.onload = new Function (RegExp.$1+"; fallInit ();");
}
}
else window.onload = fallInit;
// -->
</SCRIPT>