It is currently Sun 25 Sep 2016 - 12:34 - 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, 3, … 47, 48, 49  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Tue 4 Nov 2008 - 19:19    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

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

il y en a ici

http://www.editeurjavascript.com/
Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Tue 4 Nov 2008 - 19:20    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

C'est pour ajouter une variante au tuto themalin. Plutôt d'en chercher qui marche probablement (ou pas) on en a un qui marche surement car Lali l'a utilisé.

Si tu t'en rappelle lali je suis preneur Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


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: Tue 4 Nov 2008 - 19:22    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

sur le site tu as d'autres codes qui le sont aussi qui sont distinct de celui utilisé ici
_______________________


Forum
Author Message
lali


Offline
Guest




PostPosted: Tue 4 Nov 2008 - 19:23    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bein oui sans probléme
Je n'osais pas le faire


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]= "URL de l'image";
url_gif[1]= "URL de l'image";
 
nb_floc = 3; // 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
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Tue 4 Nov 2008 - 19:23    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci Lali je vais tester  Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


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: Tue 4 Nov 2008 - 19:24    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

lali wrote:
Bein oui sans probléme
Je n'osais pas le faire




si ça permet de régler le problème autant le faire
_______________________


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Tue 4 Nov 2008 - 19:30    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Je vais le rajouter ce soir au tuto
Par contre on a un effet d'objet qui tombe sur tout le forum car ces derniers suivent le défilement de la page :
http://yskander4.xooit.com/index.php?theme=test
Sympa quand même
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
lali


Offline
Guest




PostPosted: Tue 4 Nov 2008 - 19:32    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'attendais votre approbation c'est pourquoi j'ai posté un message ici avant d'imposer ce script

Bref on peut aussi augmenter le nombre d'images ( Il y en a deux sur ce script car j'ai deux couleurs de fleurs différentes )
Et puis la vitesse etc...


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Tue 4 Nov 2008 - 19:34    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Oui il est facilement paramétrable, je rajouterais les différentes options.
Encore merci Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


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: Tue 4 Nov 2008 - 19:34    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

rien ne t'empeche de faire un tuto si tu as un meilleur script que ceux des autres tutos qui en marchent pas
_______________________


Forum
Author Message
les100ciels


Offline
Guest




PostPosted: Tue 4 Nov 2008 - 22:02    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

c'est sympa lali, et on met ce script dans le template overall header.tpl ?

Author Message
lali


Offline
Guest




PostPosted: Tue 4 Nov 2008 - 22:04    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Moi je l'ai mis là Wink

Author Message
les100ciels


Offline
Guest




PostPosted: Tue 4 Nov 2008 - 22:07    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

merci lali Smile ,merci de votre aide à vous tous Smile

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 5 Nov 2008 - 08:52    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

les100ciels wrote:

c'est sympa lali, et on met ce script dans le template overall header.tpl ?
en fait tu peux le mettre ou tu veux mais ça changera son effet

dans overall header ce sera sur toutes les pages
alors que dans index body ce sera juste sur l'index du forum et ça ne commencera qu'après les pubs
_______________________


Forum
Author Message
nougasplou


Offline
Guest




PostPosted: Wed 5 Nov 2008 - 13:02    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour,

sinon pour un effet "neige" il existe un script expliqué sur cette page :

http://www.schillmania.com/projects/snowstorm/

c'est assez sympa mais par contre il vous faudra stocker des images quelque part et impossible d'utiliser xooimage. Après rien n'empèche d'aller voir plus loin dans le script pour le changer je pense...

voilà ce que ça donne sur mon site :

http://wow.ryuuketsu.xooit.fr


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Wed 5 Nov 2008 - 13:09    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ce qu'il y a de sympa avec ton script c'est le fait que la neige tombée reste sur le bas de l'écran et finit par faire une petite couche... du plus bel effet
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Contenu Sponsorisé





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

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