Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

fleurdejonquille
****

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

Voir le profil de l'utilisateur 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


pluies d'images Form1010

bonjour

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

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

MadDev
Dévactif
Dévactif

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

Voir le profil de l'utilisateur https://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

fleurdejonquille
****

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

Voir le profil de l'utilisateur 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

MadDev
Dévactif
Dévactif

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

Voir le profil de l'utilisateur https://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

fleurdejonquille
****

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

Voir le profil de l'utilisateur 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

Britneyduquinz
Nouveau membre

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

Voir le profil de l'utilisateur 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