Une pluie d'image
l idem l que pour "pandora" rendez-vous sur ce site https://illiweb.com/ForumActif/
ou si vous n'avez pas un forum fourmactif, faites ceci :
Il vous faut déjà créer un fichier au format .js
Pour cela vous ouvrez un logiciel texte et vous y notez ce code:
- Code:
-
Code:
grphcs=new Array(1)
Image0=new Image();
Image0.src=grphcs[0]="http://URL DE VOTRE IMAGE";
Amount=10; // Nombre d'images - éviter de surcharger !
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+1;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+1;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall
Vous remarquerez, dans les premières lignes, l'endroit ou vous devrez noter l'adresse de votre image, et une ligne plus bas le nombre d'images que vous voudrez voir descendre.
Lorsque vous aurez terminé de copier ce code, il vous faudra enregistrer ce fichier.
Mais comme vous n'avez pas la possibilité de l'enregistrer au format .js, vous l'enregistrerez au format .txt
Ensuite vous renommerez ce fichier en lui donnant la terminaison .js
Il vous faut ensuite heberger ce fichier sur le web, (quelques hebergeurs).
Une fois l'hebergement effectué, il vous faut aller dans le panneau d'administration puis configuration et noter ce script
- dans la description du site pour l'avoir sur l'intégalité de votre forum,
- dans la page d'accueil pour ne l'avoir que sur la première page,
- Code:
-
Code:
<script src=http://ADRESSE DE VOTRE FICHIER.js /></script>
Et si vous avez bien travaillé, votre pluie d'images doit apparaître sur votre forum.