It is currently Sat 1 Oct 2016 - 12:22 - créer un forum

[Tuto] Une pluie d'image sur votre forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 322, 23, 2447, 48, 49  >

[Tuto] Une pluie d'image sur votre forum
Author Message
Tragulinu





PostPosted: Wed 17 Dec 2008 - 12:06    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Ok mais ça ne fonctionne pas j'ai même essayé la 3ème solution et rien y fait.


Help me please. Crying or Very sad
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 17 Dec 2008 - 14:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

mets ce code

Code: Sélectionner - Agrandir

 <script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript
     
    if  ((document.getElementById) && 
    window.addEventListener || window.attachEvent){
     
    (function(){
     
    //Configure here.
     
    var num = 30;   //Nombre d'images
    var timer = 400; //Vitesse de descente
    var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
    //Adresse des gifs ci-dessous
    var url_gif = new Array();
     
    url_gif[0]= "http://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif"; 
    url_gif[1]= "http://img41.xooimage.com/files/f/4/b/neige2-8ce2c7.gif";
     
    nb_floc = 2; // Nombre de d'images différentes
     
    //End.
     
    var y = [];
    var x = [];
    var fall = [];
    var theFlakes = [];
    var sfs = [];
    var step = [];
    var currStep = [];
    var h,w,r;
    var d = document;
    var pix = "px";
    var domWw = (typeof window.innerWidth == "number");
    var domSy = (typeof window.pageYOffset == "number");
    var idx = d.getElementsByTagName('div').length;
     
    if (d.documentElement.style && 
    typeof d.documentElement.style.MozOpacity == "string")
    num = 12;
     
    for (i = 0; i < num; i++){
    sfs[i] = 15; // Math.round(1 + Math.random() * 1);
     
    document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
     
     
    // '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
     
    currStep[i] = 0;
    fall[i] = (sfs[i] == 1)?
    Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
    step[i] = (sfs[i] == 1)?
    0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
    }
     
     
    if (domWw) r = window;
    else{ 
      if (d.documentElement && 
      typeof d.documentElement.clientWidth == "number" && 
      d.documentElement.clientWidth != 0)
      r = d.documentElement;
     else{ 
      if (d.body && 
      typeof d.body.clientWidth == "number")
      r = d.body;
     }
    }
     
     
    function winsize(){
    var oh,sy,ow,sx,rh,rw;
    if (domWw){
      if (d.documentElement && d.defaultView && 
      typeof d.defaultView.scrollMaxY == "number"){
      oh = d.documentElement.offsetHeight;
      sy = d.defaultView.scrollMaxY;
      ow = d.documentElement.offsetWidth*0.80;
      sx = d.defaultView.scrollMaxX;
      rh = oh-sy;
      rw = ow-sx;
     }
     else{
      rh = r.innerHeight;
      rw = r.innerWidth*0.80;
     }
    h = rh - 2;   
    w = rw - 2; 
    }
    else{
    h = r.clientHeight - 2; 
    w = r.clientWidth*0.80; 
    }
    }
     
     
    function scrl(yx){
    var y,x;
    if (domSy){
     y = r.pageYOffset;
     x = r.pageXOffset;
     }
    else{
     y = r.scrollTop;
     x = r.scrollLeft;
     }
    return (yx == 0)?y:x;
    }
     
     
    function snow(){
    var dy,dx;
     
    for (i = 0; i < num; i++){
     dy = fall[i];
     dx = fall[i] * Math.cos(currStep[i]);
     
     y[i]+=dy;
     x[i]+=dx; 
     
     if (x[i] >= w || y[i] >= h){
      y[i] = -10;
      x[i] = Math.round(Math.random() * w);
      fall[i] = (sfs[i] == 1)?
      Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
      step[i] = (sfs[i] == 1)?
      0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
     }
     
     theFlakes[i].top = y[i] + scrl(0) + pix;
     theFlakes[i].left = x[i] + scrl(1) + pix;
     
     currStep[i]+=step[i];
    }
    setTimeout(snow,timer);
    }
     
     
    function init(){
    winsize();
    for (i = 0; i < num; i++){
     theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
     y[i] = Math.round(Math.random()*h);
     x[i] = Math.round(Math.random()*w);
    }
    snow();
    }
     
     
    if (window.addEventListener){
     window.addEventListener("resize",winsize,false);
     window.addEventListener("load",init,false);
    }   
    else if (window.attachEvent){
     window.attachEvent("onresize",winsize);
     window.attachEvent("onload",init);
    } 
     
    })();
    }//End.</script> 

_______________________


Forum
Author Message
Tragulinu


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 16:11    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ok encore merci themalin j'ai réussi mais j'aurai deux questions:

-Dans quel template dois je l'appliquer pour l'avoir sur le portail également
-La neige suit le scoll de la souris et de ce fait ça saccade y a t-il une solution pour éviter ces saccades?
En gros que la neige tombe sans suivre la souris.


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 17 Dec 2008 - 16:15    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

tu le mets au début de portal body

essayes un autre des codes
_______________________


Forum
Author Message
Tragulinu


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 16:18    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci à toi autre question est ce possible d'avoir la chute de neige uniquement sur le fond du forum?

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 17 Dec 2008 - 16:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

sur le fond tu veux dire sur ton image de fond?
_______________________


Forum
Author Message
Tragulinu


Offline
Guest




PostPosted: Wed 17 Dec 2008 - 16:28    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Oui c'est ça je suis obligé de faire un fond en .gif c'est ça ou je peux appliquer le code?

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 17 Dec 2008 - 16:30    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

je sais plus mais avec le code un ou trois si tu mets le code au début du template ça te le mets sur le fond du forum
_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 00:31    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour, j'ai essayé le script du 1er exemple ( le script n°3 et le script n°2 ne marchent pas chez moi) tout marche bien sauf que j'ai remarqué que la neige tombe seulement en haut de mon forum au niveau du logo de mon header, la neige ne descend pas plus bas, j'ai changé ces valeurs :

Code: Sélectionner - Agrandir


var i, doc_width = 1200, doc_height = 1000;  


Mais rien n'y change, aussi je voudrais faire descendre la neige plus rapidement car j'ai l'impression que la neige rame, mais mon forum lui ne rame pas, comment peut on faire ?

voici mon script :

 
Code: Sélectionner - Agrandir
<html> 
<body> 
<head> 
<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript> 
/* 
Snow Effect Script 
Created and submitted by Altan d.o.o. (snow@altan.hr,  http://www.altan.hr/snow/index.html) 
 
EDITE SUR L'EDITEUR JAVASCRIPT 
*/ 
 
  var snowsrc="http://julianinho.free.fr/Sans%20titre-1.png" 
  var no = 10; 
  var ns4up = (document.layers) ? 1 : 0; 
  var ie4up = (document.all) ? 1 : 0; 
  var nn6up = (document.getElementById) ? 1 : 0; 
  var dx, xp, yp; 
  var am, stx, sty; 
  var i, doc_width = 1200, doc_height = 1000; 
 
 if (ns4up) { 
    doc_width = self.innerWidth; 
    doc_height = self.innerHeight; 
  } else if (ie4up) { 
    doc_width = document.body.clientWidth; 
    doc_height = document.body.clientHeight; 
} else if (nn6up) { 
    doc_width = self.innerWidth; 
    doc_height = self.innerHeight; 

 
  dx = new Array(); 
  xp = new Array(); 
  yp = new Array(); 
  am = new Array(); 
  stx = new Array(); 
  sty = new Array(); 
 
  for (i = 0; i < no; ++ i) { 
    dx[i] = 0; 
    xp[i] = Math.random()*(doc_width-50); 
    yp[i] = Math.random()*doc_height; 
    am[i] = Math.random()*20; 
    stx[i] = 0.02 + Math.random()/10; 
    sty[i] = 0.7 + Math.random(); 
    if (ns4up) { 
      if (i == 0) { 
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>"); 
      } else { 
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>"); 
      } 
    } else if (ie4up || nn6up) { 
 if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>"); 
      } else { 
 document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>"); 
      } 
    } 
  } 
 
  function snowNS() { 
    for (i = 0; i < no; ++ i) { 
      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(); 
        doc_width = self.innerWidth; 
        doc_height = self.innerHeight; 
      } 
      dx[i] += stx[i]; 
      document.layers["dot"+i].top = yp[i]; 
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowNS()", 10); 
  } 
 
  function snowIE() { 
    for (i = 0; i < no; ++ i) { 
      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(); 
        doc_width = document.body.clientWidth; 
        doc_height = document.body.clientHeight; 
      } 
      dx[i] += stx[i]; 
      document.all["dot"+i].style.pixelTop = yp[i]; 
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowIE()", 10); 
  } 
 
function snowNN6() { 
    for (i = 0; i < no; ++ i) { 
      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(); 
        doc_width = self.innerWidth; 
        doc_height = self.innerHeight; 
      } 
      dx[i] += stx[i]; 
      document.getElementById("dot"+i).style.top = yp[i]; 
      document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowNN6()", 10); 
  } 
  if (ns4up) { 
    snowNS(); 
  } else if (ie4up) { 
 snowIE(); 
  } else if (nn6up) { 
 snowNN6(); 
  } 
 
</SCRIPT> 
</head> 
</body> 
</html> 
<!-- FIN DU SCRIPT -->


merci d'avance


Author Message
Neokyuubi
Membre


Offline
Membre

Joined: 30 Jun 2008
Posts: 7
Point(s): 7
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Scorpion (23oct-21nov) 兔 Lièvre

PostPosted: Thu 18 Dec 2008 - 01:39    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

salut j'espère que ça va t'aide

Code: Sélectionner - Agrandir
<script type="text/javascript">

/******************************************
* 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
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
 
  //Configure below to change URL path to the snow image
  var snowsrc="URL de l'image"
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

   function iecompattest(){
   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
   }

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;
 
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) { 
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
      if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
      doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every 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("snowIE_NS6()", 10);
  }

   function hidesnow(){
      if (window.snowtimer) clearTimeout(snowtimer)
      for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
   }
      

if (ie4up||ns6up){
    snowIE_NS6();
      if (hidesnowtime>0)
      setTimeout("hidesnow()", hidesnowtime*1000)
      }

</script>


met ça dans le template "overall_footer.tpl" avant le "</body>"

et pour savoir tu peux change ces deux variable :

//Configure below to change URL path to the snow image
var snowsrc="URL de l'image" ==> l'adresse de ton image
// Configure below to change number of snow to render
var no = 10; ==> le nombre du images que tu veux qu'ils tombent
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 10:51    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci pour le script la neige descend plus bas maintenant, mais je voulais savoir si il était possible de mettre plusieurs images différentes dans le script et aussi augmenter la rapidité de la neige ?

merci Mr. Green


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Dec 2008 - 10:53    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour

ici

//Configure below to change URL path to the snow image
var snowsrc="URL de l'image"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";


tu peux changer les données pour faire ce que tu veux mais avec ce script tu n'as qu'une seule image
_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 11:01    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Donc avec se script je peux pas changer la vitesse de la neige et je peux mettre qu'une image ?

Il y a un script qui peut gérer la vitesse et mettre 2 images différentes ?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Dec 2008 - 11:02    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

oui le deuxième code du tuto tu peux mettre plus d'images si tu veux
_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Thu 18 Dec 2008 - 11:14    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

j'ai essayé le 2ème tuto mais rien ne se passe dans mon forum, je l'ai ajouté avant </body> dans mon overal footer :


Code: Sélectionner - Agrandir
<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript
 
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
 
(function(){
 
//Configure here.
 
var num = 30;   //Nombre d'images
var timer = 400; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des gifs ci-dessous
var url_gif = new Array();
 
url_gif[0]= "http://img26.xooimage.com/files/c/b/8/sans-titre-1-91f467.png"; 
url_gif[1]= "URL de l'image";
 
nb_floc = 1; // Nombre de d'images différentes
 
//End.
 
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
 
if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
 
for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);
 
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
 
 
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
 
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
 
 
if (domWw) r = window;
else{ 
  if (d.documentElement && 
  typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{ 
  if (d.body && 
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}
 
 
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView && 
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth*0.80;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
 }
 else{
  rh = r.innerHeight;
  rw = r.innerWidth*0.80;
 }
h = rh - 2;   
w = rw - 2; 
}
else{
h = r.clientHeight - 2; 
w = r.clientWidth*0.80; 
}
}
 
 
function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}
 
 
function snow(){
var dy,dx;
 
for (i = 0; i < num; i++){
 dy = fall[i];
 dx = fall[i] * Math.cos(currStep[i]);
 
 y[i]+=dy;
 x[i]+=dx; 
 
 if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 }
 
 theFlakes[i].top = y[i] + scrl(0) + pix;
 theFlakes[i].left = x[i] + scrl(1) + pix;
 
 currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
 
 
function init(){
winsize();
for (i = 0; i < num; i++){
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 y[i] = Math.round(Math.random()*h);
 x[i] = Math.round(Math.random()*w);
}
snow();
}
 
 
if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
}   
else if (window.attachEvent){
 window.attachEvent("onresize",winsize);
 window.attachEvent("onload",init);

 
})();
}//End.</script>   


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Dec 2008 - 11:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

mets le code tout au début du template
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 12:22    Post subject: [Tuto] Une pluie d'image sur votre forum

Display posts from previous:   
Reply to topic Page 23 of 49 Goto page: <  1, 2, 322, 23, 2447, 48, 49  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401