It is currently Thu 29 Sep 2016 - 08:42 - 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, 38, 9, 1047, 48, 49  >

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





PostPosted: Sun 23 Nov 2008 - 16:30    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

bonjour

<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript> 
/* 
Snow Effect Script 
Created and submitted by Altan d.o.o. (snow@altan.hrhttp://www.altan.hr/snow/index.html) 
 
EDITE SUR L'EDITEUR JAVASCRIPT 
http://www.editeurjavascript.com 
*/ 
 
  var snowsrc="http://img201.imageshack.us/img201/8489/neigeminixr1.gif"
  var no = 50; 
  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 = 800, doc_height = 600; 
 
 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>
</layer>"); 
      } else { 
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show>
</layer>"); 
      } 
    } else if (ie4up || nn6up) { 
 if (i == 0) { document.write("

"); 
      } else { 
 document.write("

"); 
      } 
    } 
  } 
 
  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 -->   
Author Message
Max_P


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 16:33    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Max_P wrote:
Bonsoir à toute l'équipe xooit ,

J'ai une petite question à vous poser , la pluie d'image va en zig zag. C'est l'idéal pour les flocons de neiges , feuilles , ... Mais est-ce possible de faire tomber les images directement vers le bas ?

Je voudrai un effet de pluie sur mon forum , qui aille légèrement sur le coté , une pluie fini et continue
Est-ce possible ?

Merci beaucoup
Bonne continuation


En attente d'"une réponse =)


Author Message
lali


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 16:41    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Je crois que sur ce script il n'y a pas cette possibilité
L'autre code a cette fonction, mais dans ce cas ta neige tombera sur toute la page et je ne sais pas si c'est ce que tu souhaite


Author Message
Max_P


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 16:44    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ok je vais tester , merci !

Author Message
jenifer13


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 16:45    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

lali wrote:
Je crois que sur ce script il n'y a pas cette possibilité L'autre code a cette fonction, mais dans ce cas ta neige tombera sur toute la page et je ne sais pas si c'est ce que tu souhaite

ah ok tanpis alors
merci quand meme Smile


Author Message
lali


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 16:49    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai oublié de preciser que ma réponse etait valable pour jenifer et Max
Max tiens moi au courant si c'est ce que tu souhaitais Wink
Désolée jenifer mais je me trompe peut etre yskander te le précisera


Author Message
Max_P


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 17:01    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai mit le deuxieme script dans les 3 parties (index body , etc ) et changé URL de l'image par le lien des flocons aux deux trous : URL de l'image
Donc j'ai mis deux fois le même lien

Ca ne fonctionne pas.


Author Message
lali


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 17:04    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Peux tu me mettre ton code ici s'il te plait entre les balises

Author Message
Max_P


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 17:29    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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://img1.xooimage.com/files/c/9/a/snow-5a72.gif"; 
url_gif[1]= "http://img1.xooimage.com/files/c/9/a/snow-5a72.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> 


Author Message
lali


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 17:41    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

As tu essayé de le mettre au début ou à la fin de ton template overall_header.tpl ?
J'ai mis le mien à la fin il fonctionne trés bien et Yskander préconise de le mettre au début

Ton code est bon sinon


Author Message
Max_P


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 17:48    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

il est au début , je viens d'essayer à la fin et ca marche. C'est très lent je trouve , ca saccade
Mais l'ennuie c'est que le mouvement ne me convient pas , je souhaite un mouvement de pluie , qui aille vers l'oblique. Directement , la pluie ca flotte pas dans les airs ^^


Author Message
lali


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 17:59    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

C'est sur le forum de ton profil? je ne vois rien
As tu essayé d'augmenter la vitesse de descente?


Author Message
Max_P


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 18:02    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Non ce n'est pas sur le forum de mon profil , je teste tout sur un forum de teste :
http://jumpstyle.xooit.com

Je teste absolument tout sur celui-ci avant d'appliquer sur mon forum

Mais ce que je recherche à tout prix c'est un effet de pluie =)


Author Message
lali


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 18:05    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Je vois rien non plus sur ton forum test undecided
Bref augmente la vitesse et dis moi


Author Message
Max_P


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 18:10    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ooooups : http://jumpstyle.xooit.be

sorry j'ai mis .com ^^

Vitesse : 400 => lag
Vitesse : 900 => big lag XD
Vitesse : 100 ou 1 => normal


Author Message
lali


Offline
Guest




PostPosted: Sun 23 Nov 2008 - 18:22    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Met cette image pour voir elle est plus petite

http://pmsc.free.fr/I/081123171920.gif

Edit: en voici d'autres

http://pmsc.free.fr/I/081123172847.gif

http://pmsc.free.fr/I/081123173111.gif


Author Message
Contenu Sponsorisé





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

Display posts from previous:   
Reply to topic Page 9 of 49 Goto page: <  1, 2, 38, 9, 1047, 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