fleurs qui tombent
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
fleurs qui tombent
bonjour!!!! :p
je voulais savoir si il existait un code pour que des fleurs "tombent" dans l'écran comme la neige cet hiver!
Merci d'avance!
Ands'
je voulais savoir si il existait un code pour que des fleurs "tombent" dans l'écran comme la neige cet hiver!
Merci d'avance!
Ands'
Re: fleurs qui tombent
Salut,
Alors, tu prends le code ci-dessous en base et tu remplaces http://astuforum.free.fr/images/neige-mini.gif (adresse du flocon) par l'adresse de ton image de fleur. Il faut que tu le copies dans le bloc-notes et que tu l'enregistres en fleur.js (surtout, fais bien attention à ce que le nom se termine en .js).
Ensuite, tu vas sur http://pmsc.free.fr/J03/upload.php et tu héberges ton fichier. Tu complètes le code ci-dessous et le colle dans PA > Général > Forum > Configuration > Description du site.
Alors, tu prends le code ci-dessous en base et tu remplaces http://astuforum.free.fr/images/neige-mini.gif (adresse du flocon) par l'adresse de ton image de fleur. Il faut que tu le copies dans le bloc-notes et que tu l'enregistres en fleur.js (surtout, fais bien attention à ce que le nom se termine en .js).
- Code:
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Traduction française par Prof TNJ
******************************************/
// Indiquer l'URL de l'image du flocon :
var urlflocon="http://astuforum.free.fr/images/neige-mini.gif"
// Ecrire le nombre de flocons :
var nombreflocons = 10;
// Indiquer si la neige doit disparaître après x secondes (0=jamais) :
var cacherflocons = 0;
// Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)
var voirflocons = "pageheight";
/////////// FIN DE LA PARTIE CONFIGURATION //////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function testIEcompatible(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // Variables de coordonnées et de position
var am, stx, sty; // Variables d'amplitude
var i, doc_width = 1024, doc_height = 768; // Taille de l'écran
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = testIEcompatible().clientWidth;
doc_height = testIEcompatible().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < nombreflocons; ++ i) {
dx[i] = 0; // Variables de coordonnées
xp[i] = Math.random()*(doc_width-50); // Variables de position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Variables d'amplitude
stx[i] = 0.02 + Math.random()/10; // Variables de pas
sty[i] = 0.7 + Math.random(); // Variables de pas
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
}
}
}
function neigeIE_NS6() { // IE et NS6 : fonctions principales d'animation
doc_width = ns6up?window.innerWidth-10 : testIEcompatible().clientWidth-10;
doc_height=(window.innerHeight && voirflocons=="windowheight")? window.innerHeight : (ie4up && voirflocons=="windowheight")? testIEcompatible().clientHeight : (ie4up && !window.opera && voirflocons=="pageheight")? testIEcompatible().scrollHeight : testIEcompatible().offsetHeight;
for (i = 0; i < nombreflocons; ++ i) { // déplacement pour chaque point ("dot")
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("neigeIE_NS6()", 10);
}
function cacherneige(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<nombreflocons; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
neigeIE_NS6();
if (cacherflocons>0)
setTimeout("cacherneige()", cacherflocons*1000)
}
Ensuite, tu vas sur http://pmsc.free.fr/J03/upload.php et tu héberges ton fichier. Tu complètes le code ci-dessous et le colle dans PA > Général > Forum > Configuration > Description du site.
- Code:
<script src="http://adresse de ton fichier en .js"></script>
Sujets similaires
» fleurs qui tombent
» Script qui feuilles qui tombent
» Mettre une pluie de fleurs
» insérer des petits gifs qui tombent
» Curseur avec paillettes qui tombent
» Script qui feuilles qui tombent
» Mettre une pluie de fleurs
» insérer des petits gifs qui tombent
» Curseur avec paillettes qui tombent
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum