Forum d'entraide TOWeb - Le logiciel de création de site web responsive
Retour au site lauyan.com

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
Identifiez-vous Inscrivez-vous Accueil du forum Aide sur le forum

Lancement de pagexl.com pour la création gratuite et facile de sites "one page" (page unique)

IMPORTANT: Avant de poster un message sur le forum n'oubliez pas :
1. d'effectuer une recherche sur le forum ainsi que dans l'aide en ligne TOWeb
2. de consulter les tutoriels vidéo sur YouTube et les dernières informations du blog de TOWeb
3. de consulter les tutoriels de Frangin62
+  Forum TOWeb
|-+  TOWeb
| |-+  Scripts & astuces pour votre site
| | |-+  Comment faire tomber la neige - V5
« sujet précédent | | sujet suivant »
Pages: [1] Bas de page Imprimer
Auteur Fil de discussion: Comment faire tomber la neige - V5  (Lu 3611 fois)
koklos
Full Member
***

Nombre de "j'aime" : -4
Messages: 228



WWW
« le: 30 Novembre 2013 à 10h33 »

Bonjour à tous,

Je cherche le moyen de faire tomber quelques flocons sur les pages de mon site, le thème a été revisité pour l'hiver comme tous les ans, sur la V4 une option existait.

J'ai trouvé ce script ici : http://www.editeurscripts.com/ressources/flocons-de-neige/index.php sur la toile qu'il fallait placer dans la section <head> cependant cela ne fonctionne pas. Quelqu'un aurait-il une solution ?

Code:
<script type="text/javascript" src="http://www.editeurscripts.com/ressources/flocons-de-neige/jsnow.js"></script>
<script type="text/javascript" src="http://www.editeurscripts.com/ressources/flocons-de-neige/neige.php?nb=30&color=%23ffffff&texte_flocon=%2A&type=texte&url_flocon=flocon.gif"></script>

Merci  Sourire
Journalisée

Toweb V6 E-commerce - Windows 10
Jean-Serge
Invité
« Répondre #1 le: 30 Novembre 2013 à 11h16 »

Bonjour.

Plutôt qu'utiliser ton script qui fait appel à deux fichiers externes (le fichier JS et le fichier Image), essaye plutôt celui-ci.

A insérer dans le pied de page via un champ script avec le fichier "705613neige.gif" en fichier joint.

Pour récupérer "705613neige.gif", clic droit sur le lien ci-dessus puis enregistrer sous.

Cordialement - Jean-Serge.


Code:
<script type="text/javascript">
var no = 40;var delai = 10;
var dx = new Array(), xp = new Array(), yp = new Array();
var am = new Array(), stx = new Array(), sty = new Array();
var i;
larg_fenetre = (document.body.offsetWidth<window.innerWidth)? window.innerWidth:document.body.offsetWidth;
haut_fenetre = (document.body.offsetHeight<window.innerHeight)? window.innerHeight:document.body.offsetHeight;

for (i = 0; i < no; i++) {
    dx[i] = 0;
    xp[i] = Math.random()*(larg_fenetre-40);
    yp[i] = Math.random()*haut_fenetre;
    am[i] = Math.random()*20;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    
    obj = document.getElementsByTagName('body')[0];
    para = document.createElement("img");
    para.setAttribute("src","_fields/705613neige.gif");
    para.setAttribute("id","dot" + i);
    para.style.position = "absolute";
    para.style.zIndex = "2";
    obj.appendChild(para);
}

function neige() {
    for (i = 0; i < no; i++) {
        dx[i] += stx[i];
        yp[i] += sty[i];
        if (yp[i] > haut_fenetre-50) {
            xp[i] = Math.random()*(larg_fenetre-am[i]-40);
            yp[i] = 0;
        }
        document.getElementById("dot"+i).style.top = yp[i] + "px";
        document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]) + "px";
    }
    setTimeout("neige()", delai);
}

neige();
</script>
« Dernière édition: 30 Novembre 2013 à 11h28 par Jean-Serge » Journalisée
koklos
Full Member
***

Nombre de "j'aime" : -4
Messages: 228



WWW
« Répondre #2 le: 30 Novembre 2013 à 14h32 »

Coucou !

Merci pour ton code !
Je l'ai quelque peu modifié par contre, j'ai refait un flocon un peu plus fin et j'ai également modifié "window.innerHeight:document.body.offsetHeight;" en remplaçant "document.body.offsetHeight" par une hauteur numérique en pixels. Il y a t-il possibilité de régler la hauteur de chute des flocons en fonction de la hauteur d'affichage de la bannière, pour que cela soit "responsive" ?

Voir le résultat actuel ici : www.le-comptoir-geologique.com

Merci  Sourire
Journalisée

Toweb V6 E-commerce - Windows 10
jacmgt
Hero Member
*****

Nombre de "j'aime" : 59
Messages: 2004



WWW
« Répondre #3 le: 01 Décembre 2013 à 05h14 »

Dommage  F&acirc;ch&eacute;  Le site était pourtant très pro ... 
Journalisée

VERAVERAPAS
Full Member
***

Nombre de "j'aime" : 1
Messages: 193


WWW
« Répondre #4 le: 01 Décembre 2013 à 08h59 »

Beau site
Pour ma part les informations sur fond noir difficile à lire dommage
Amicalement
Mamie Vera
Journalisée
wubijacq
Full Member
***

Nombre de "j'aime" : 2
Messages: 124


newbie or not newbie


WWW
« Répondre #5 le: 07 Décembre 2018 à 08h36 »

bonjour
Il est très modulable et responsive
https://github.com/kurisubrooks/snow.js
Personnellement j' utilise "✱" pour le flocon mais le snowEntity présenté est déjà bien
voir sur mon site
http://www.wubijacq.com/rwd/index.php
Bonne Fêtes de Bonne Année
Journalisée

hébergement:Runpark (VOX)-version4-Firefox-Opera-Vivaldi-IE-w7-Ubuntu
Pages: [1] Haut de page Imprimer 
« sujet précédent | | sujet suivant »
Aller à:  


TOWeb - Le logiciel de création de site Internet responsive Cliquez ici pour vous abonner au flux RSS du forum Règles du Forum  -   © 2005-2013 Lauyan Software
Powered by SMF 1.1.18 | SMF © 2006-2009, Simple Machines