VotreBoutiquePro / VotreBoutiqueWeb
Forum d'entraide. Entrée libre.
 
 FAQFAQ   RechercherRechercher   Liste des MembresListe des Membres   Groupes d'utilisateursGroupes d'utilisateurs   S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

Comment obtenir l'effet "neige"

 
Poster un nouveau sujet   Répondre au sujet    VotreBoutiquePro / VotreBoutiqueWeb Index du Forum -> VotreBoutiquePro/VotreBoutiqueWeb : Fonctions/astuces
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Lun 14 Jan 2008 16:46    Sujet du message: Comment obtenir l'effet "neige" Répondre en citant

Bonjour,

Vous êtes plusieurs à demander en privé comment simuler la neige.

Ci dessous le code que vous pouvez trouver sur http://www.altan.hr

Vous pouvez placer, par exemple , ce code dans "Design&infos" > "Bas du site" > icône "<>"

L'image "snow.gif" (http://www.votreboutiquepro.com/images/snow.gif)peut être remplacée par celle de votre choix (Par exemple, une feuille, pour simuler l'automne) via le menu "votre compte > fichiers > Nouveau fichier).

<script language="Javascript1.2">

//<![CDATA[<!--
// Original: Altan - http://www.altan.hr/snow -->
var no = 15; // nombre de flocons
var speed = 5; // plus le nombre est petit, plus la vitesse augmente
var snowflake = "/compte/zjjp-kdoshop-votreboutiquepro-com/images//snow.gif"; // image
//////////////////////////////////////////////////////////////////////////////
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
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 (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
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; // 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 (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
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();
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()", speed);
}
function snowIE() { // IE main animation function
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();
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()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->//]]>
</script>


Cordialement
_________________
Votre admin Cool


Dernière édition par admin le Mer 25 Juil 2012 12:23; édité 3 fois
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
md



Inscrit le: 29 Jan 2009
Messages: 121
Localisation: NORD PAS DE CALAIS

MessagePosté le: Mar 01 Déc 2009 10:56    Sujet du message: effet neige Répondre en citant

Bonjour, j'ai mis le code sur mon site: http://bebesreborn.votreboutiquepro.com/ j'ai dû oublié quelque chose.
Merci de votre aide.
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Mar 01 Déc 2009 13:02    Sujet du message: Re: effet neige Répondre en citant

md a écrit:
Bonjour, j'ai mis le code sur mon site: http://bebesreborn.votreboutiquepro.com/ j'ai dû oublié quelque chose.
Merci de votre aide.


Bonjopur,
Le chemin de votre image était "/compte/zjjp-bebesreborn.votreboutiquepro.com/images//snow.gif" au lieu de
"/compte/zjjp-bebesreborn-votreboutiquepro-com/images//snow3.gif"

Cordialemnt
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
md



Inscrit le: 29 Jan 2009
Messages: 121
Localisation: NORD PAS DE CALAIS

MessagePosté le: Mar 01 Déc 2009 13:54    Sujet du message: effet neige Répondre en citant

Merci
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mar 01 Déc 2009 23:34    Sujet du message: re Répondre en citant

Sur ma boutique Happy days ça ne marche pas Laughing
j'ai essayé en mettant tous les src avec l'url et tous les src sans l'url
_________________
http://tatiana-lingerie.votreboutiquepro.com http://www.chris-preparateur-physique.eu http://www.happy-days-discount.fr
http://funnynaildesign.votreboutiquepro.com http://www.chris-preparateur-physique.com
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
ZoccaZ



Inscrit le: 11 Juin 2009
Messages: 173

MessagePosté le: Mer 02 Déc 2009 00:06    Sujet du message: Répondre en citant

Bonjour,

moi j'utilise celui la :


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://www.zoccaz.fr/compte/zjjp-zoccaz-votreboutiquepro-com/images//flocon.gif";
  var no = 15;
  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 -->


Voila l'image au cas ou :

Codialement Smile
_________________
www.ZoccaZ.fr - www.Desireux.fr
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
md



Inscrit le: 29 Jan 2009
Messages: 121
Localisation: NORD PAS DE CALAIS

MessagePosté le: Mer 02 Déc 2009 10:41    Sujet du message: effet neige Répondre en citant

bonjour,
merci à vous.
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
creapassion



Inscrit le: 24 Juil 2012
Messages: 62

MessagePosté le: Mer 25 Juil 2012 10:00    Sujet du message: Répondre en citant

bonjour et merci je remonte le post car je vient de fair un essaie sisi je suis en plein essaie sur mon site grrrr savez vous pourquoi les flocons s affiche pas j explique ca fonctionne mais j ai des case rouge (l image ne s affiche pas) au lieux de mes flocons pourquoi et surtout quoi faire ? merci
_________________
http://www.au-createur-de-bijoux.com/


http://mamzelletutu.canalblog.com/
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Mer 25 Juil 2012 12:25    Sujet du message: Répondre en citant

creapassion a écrit:
bonjour et merci je remonte le post car je vient de fair un essaie sisi je suis en plein essaie sur mon site grrrr savez vous pourquoi les flocons s affiche pas j explique ca fonctionne mais j ai des case rouge (l image ne s affiche pas) au lieux de mes flocons pourquoi et surtout quoi faire ? merci


Bonjour,
Le script est posé dans la section "haut du site" et l'image "snow.gif" est modifiable via le menu "votre compte > Fichiers".
Cordialement
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    VotreBoutiquePro / VotreBoutiqueWeb Index du Forum -> VotreBoutiquePro/VotreBoutiqueWeb : Fonctions/astuces Toutes les heures sont au format GMT - 2 Heures
Page 1 sur 1

 
Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum


Powered by phpBB & CreezVotreForum.com - Traduction par : phpBB-fr.com