Script "pluie d'image" ne fonctionne pas sous firefox

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

Résolu Script "pluie d'image" ne fonctionne pas sous firefox

Message par julianinho Mar 16 Nov 2010 - 21:35

Bonsoir à tous,

Je voudrais mettre un script pour avoir une pluie d'image sur mon forum, j'ai donc suivi ce tuto que j'ai trouvé ici : https://forum.forumactif.com/questions-reponses-frequentes-f14/avoir-une-pluie-d-images-sur-son-forum-t220393.htm#2045287

il marche nickel sur internet explorer mais pas sur firefox, aucune image ne s'affiche, est ce qu'il faut rajouter du code pour qu'il soit compatible avec firefox ?

J'ai également testé ce script qui est plus simple d'utilisation il suffit juste de le copier direct dans la partie "message d'accueil" du panneau d'administration, le voici :

Code:
<!-- 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
http://www.editeurjavascript.com
*/

  var snowsrc="http://img49.xooimage.com/files/8/2/3/sans-titre-7-91e92e.png"
  var no = 30;
  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>

<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>

Pareil celui ci marche que sur internet explorer.

Merci pour votre aide

PS : actuellement j'ai retiré le script donc c'est normal si vous voyez rien sur internet explorer Wink

Edit problème résolu : pour ceux que ça intéresse voici le lien : http://www.schillmania.com/projects/snowstorm/
merci Wink
avatar

julianinho
***

Masculin
Messages : 105
Inscrit(e) le : 01/09/2008

http://www.bonplandunet.net/
julianinho a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum