pluies d'images

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu pluies d'images

Message par fleurdejonquille le Mer 22 Fév 2012 - 9:24

Bonjour
Je ne suis pas très doué en informatique

Est ce qu'il serait possible de mettre un tuto pas compliqué

pour faire des pluies 'd'images

merci à vous et bonne journée




fleurdejonquille
****

Messages : 274
Inscrit(e) le : 01/03/2009

http://savoirs-et-amities.forum-actif.net/forum.htm
fleurdejonquille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pluies d'images

Message par MadDev le Mer 22 Fév 2012 - 9:50

Bonjour

voici un script assez sympa et facile à mettre dans : PA > affichage > page d'accueil > généralités > message dans la page d'accueil

Code:
<script type="text/javascript">
var speed=20; // Vitesse désirée
var flakes=20; // Nombre d'images désirées
var flake_image="http://url de l'image.png"; //
var swide, shigh;
var dx=new Array();
var xp=new Array();
var yp=new Array();
var am=new Array();
var sty=new Array();
window.onload=function() { if (document.getElementById) {
var k, f, b;
b=document.createElement("div");
b.style.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
for (var i=0; i<flakes; i++) {
dx[i]=0;
am[i]=Math.random()*20;
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=Math.random()*shigh;
sty[i]=0.75+1.25*Math.random();
f=document.createElement("div");
f.style.position="absolute";
f.setAttribute("id", "flk"+i);
f.style.zIndex=i;
f.style.top=yp[i]+"px";
f.style.left=xp[i]+"px";
k=document.createElement("img");
k.src=flake_image;
f.appendChild(k);
b.appendChild(f);
}
setInterval("winter_snow()", speed);
}}
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600
}
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
document.getElementById("bod").style.top=sdown+"px";
document.getElementById("bod").style.left=sleft+"px";
}
function winter_snow() {
for (var i=0; i<flakes; i++) {
yp[i]+=sty[i];
if (yp[i]>shigh-30) {
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=0;
sty[i]=0.75+1.25*Math.random();
}
dx[i]+=0.02+Math.random()/10;
document.getElementById("flk"+i).style.top=yp[i]+"px";
document.getElementById("flk"+i).style.left=(xp[i]+am[i]*Math.sin(dx[i]))+"px";
}
}
</script>

Vous ne devez modifier que les 3 premiers codes à votre convenance :

Code:
var speed=20; // Vitesse désirée
var flakes=20; // Nombre d'images désirées
var flake_image="http://url de l'image.png"; //

cdt cheers cheers cheers




bonjour

votre problème a t il été résolu ?

si c'est le cas merci d'éditer votre message en cliquant sur et mettre l'icone .

MadDev
Dévactif
Dévactif

Masculin
Messages : 1634
Inscrit(e) le : 19/02/2007

http://forum.forumactif.com
MadDev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pluies d'images

Message par fleurdejonquille le Mer 22 Fév 2012 - 9:53

Merci à vous

Une fois fait est ce que je dois mettre tout les 92 points de votre message dans le PA ?


fleurdejonquille
****

Messages : 274
Inscrit(e) le : 01/03/2009

http://savoirs-et-amities.forum-actif.net/forum.htm
fleurdejonquille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pluies d'images

Message par MadDev le Mer 22 Fév 2012 - 11:34

oui Wink

sinon le code ne marchera pas Razz

MadDev
Dévactif
Dévactif

Masculin
Messages : 1634
Inscrit(e) le : 19/02/2007

http://forum.forumactif.com
MadDev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pluies d'images

Message par fleurdejonquille le Mer 22 Fév 2012 - 18:03

Merci beaucoup Very Happy

fleurdejonquille
****

Messages : 274
Inscrit(e) le : 01/03/2009

http://savoirs-et-amities.forum-actif.net/forum.htm
fleurdejonquille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pluies d'images

Message par Britneyduquinz le Mer 22 Fév 2012 - 18:04

Merci pour le code Wink

EDIT: Hem... en fait j'arrive pas à le faire marcher... comment ça se fait ???

ReEDIT: Ah Hem... en fait j'ai réussi! Sorry ;'(

Britneyduquinz
Nouveau membre

Messages : 1
Inscrit(e) le : 22/02/2012

http://ohmydollz-codes.wow-gratuit.com/
Britneyduquinz a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum