Pluies d'images.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Pluies d'images.

Message par Automne le Sam 8 Mai 2010 - 21:37

Bonjour,

Je voulais une pluie d'image sur le forum. Là en autre celle ci.

Code:
[img]http://img44.xooimage.com/files/8/a/c/8ac9a1a357f7c9b81...ec3d46764-7ceb81.png[/img]

Le script que j'ai trouvé. Je l'ai placé au tout début de overall_header_new (Haut de page ). Bon sa ne fonctionne pas. Rien ne se passe. Qu'est que je n'ai encore pas compris. merci de m'éclairer.



Code:

<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://img44.xooimage.com/files/8/a/c/8ac9a1a357f7c9b81...ec3d46764-7ceb81.png"
  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><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 -->



Dernière édition par Automne le Sam 8 Mai 2010 - 22:29, édité 1 fois

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluies d'images.

Message par Varkho le Sam 8 Mai 2010 - 22:17

Bonsoir,

Je vous invite à aller lire le tutoriel suivant qui traite sur les pluies d'images : Avoir une pluie d'image sur le forum.

En passant, il faut mettre le script ( si on veut l'avoir sur tout le forum ) dans - Panneau d'administration
- Général
- Forum - Configuration
- Description du site

Et si on le veut seulement sur l'index dans :
- Panneau d'administration
- Affichage
- Page d'accueil - Généralités
- Si l'éditeur HTML est activé, cliquez sur
- Insérez votre script.


Varkho Wink

Varkho
*****

Masculin
Messages : 977
Inscrit(e) le : 28/08/2009

http://zonescript.forumactif.com/forum.htm
Varkho a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluies d'images.

Message par Automne le Sam 8 Mai 2010 - 22:23

Bonsoir,

Oui j'avais lu le tuto, mais je ne comprenais pas ceci : "enregistrez ce fichier au format .JS" alors, j'en ai trouver un autre a placer ds les templates. Je vais reprendre cela depuis le début. Merci

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluies d'images.

Message par Varkho le Sam 8 Mai 2010 - 22:27

Bah en fait, lorsque vous enregistrez le fichier vous lui donnez un titre et le terminez par .JS

=D

Varkho
*****

Masculin
Messages : 977
Inscrit(e) le : 28/08/2009

http://zonescript.forumactif.com/forum.htm
Varkho a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluies d'images.

Message par Automne le Sam 8 Mai 2010 - 22:29

Merci, je vais essayer ça.

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne 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