Script neige trop lent

[Invité]

Bonjour, j'ai dans le JS le script neige offert par le support. Il fonctionne sur ma version (AwesomeBB). Par contre la neige tombe lentement, très lentementttt ... Y'aurait-il une possibilité, sans pour autant faire tempête de neige, que celle-ci tombe un peu plus rapidement ? Merci.

Voici le script :

Code:

$(function() {
  $.getScript('https://script.forumactif.com/12181.js');
});

[Invité]

[Adam_sfp]

Bonsoir Surricate

Peut être que le script ne fonctionne pas "  normalement " sur la version Awesome BB ..
Pas mal de scripts rencontrent des soucis sur cette version...

A tout hasard essayez en changeant

Code:

interval:'6'

changer le 6 en 1 ..
Cdt

[Invité]

Bonsoir et merci Adam. Mais je n'ai pas compris. Je dois rajouter ce que tu m'as indiqué ? Ou je dois changer quelle partie du script par rapport au code que j'ai donné précédemment ?

[Adam_sfp]

Bonsoir Surricate

En éditant le script
https://script.forumactif.com/12181.js

Code:

$(function() {


var intervalId;
(function($) {
    $.fn.snowFall = function(options) {
        var settings = {
            "color": "#eee",
            "interval": 10,
            "total": 20
        };
        if (options) {
            $.extend(settings, options)
        }

        function init(number) {
            if (temp.currTotal <= settings.total) {
                for (i = 0; i < number; i++) {
                    var obj = $("<div class='snow'>*</div>");
                    obj.css("color", settings.color);
                    obj.css("position", "absolute");
                    obj.css("opacity", "0.9");
                    var rand = Math.random() * 15 + 8;
                    obj.css("font-size", rand);
                    obj.css("top", 0);
                    var random = Math.floor(Math.random() * $(window).width() - 5);
                    obj.css("left", random);
                    obj.data("direction", Math.floor(Math.random() * 3) - 1);
                    obj.data("speed", Math.floor(Math.random() * 2) + 1);
                    obj.data("iter", 0);
                    $("body").append(obj);
                    temp.currTotal++
                }
            }
        }
        var temp = {};
        temp.currTotal = 0;
        init(5);
        setInterval(function() {
            $(".snow").each(function() {
                var speed = $(this).data("speed");
                var iter = $(this).data("iter");
                var dirn = $(this).data("direction");
                $(this).data("iter", iter + 1);
                if (speed == iter) {
                    $(this).data("iter", 0);
                    var p = $(this).position();
                    if (p.top + 40 < $(window).height()) {
                        $(this).css("top", p.top + 1)
                    } else {
                        $(this).remove();
                        temp.currTotal--;
                        return 0
                    }
                    if (p.left + 20 < $(document).width() && p.left > 0) {
                        $(this).css("left", p.left + dirn)
                    } else {
                        $(this).remove();
                        temp.currTotal--;
                        return 0
                    }
                }
            })
        }, settings.interval);
        intervalId = setInterval(function() {
            init(1)
        }, 1E3)
    };
    $.fn.stopFall = function() {
        clearInterval(intervalId)
    }
})(jQuery);
$('body').snowFall({
    color: '#fff',
    interval: '1',
    total: '20'
});

});

Essayez toujours en mettant ce code à la place de l'autre la modif est faite sur la fin du code.
sinon peut être ce tourner vers une animation " canvas "superposée à votre image de Noël.

[Invité]

Bonjour Adam, merci, j'ai mis ton script sur mon forum test et il ne se passe rien. Une animation canvas ? Qu'est ce que cette petite chose ?

[*Splash*]

Hi Surricate,
Le code donné par Adam fonctionne à merveille pour awesomeBB, et le neige tombe rapidement.
Si tu places ce code sur ce forum : https://capforum.forumactif.com il est un peu compliqué de voir tomber les flocons (blancs) sur ce forum, ou alors il faut avoir de bons yeux

Script placé ici sur mon forum test : https://awesomebb.forumactif.fr

[Invité]

Bonjour splash, j'avais testé sur ce forum https://fofotesttest.forumactif.com. Et la neige n"apparaît pas. Bizarre ! Par contre je viens de le mettre sur capforum et il fonctionne mais toujours au ralenti. Ca fait la même chose que celui que j'avais mis précédemment. (Même si la couleur de fond est relativement clair on voit quand même.)

[*Splash*]

Si le script ne fonctionne pas sur ton forum c'est que le problème vient de ton forum et non du script en lui-même

[Invité]

Si le script ne fonctionne pas sur ton forum c'est que le problème vient de ton forum et non du script en lui-même

J'arrive à le voir mais c'est tellement lent que je n'avais pas vu. Sur ton fo test ca semble neiger correctement pourtant. Si ca vient de mon forum, je ne vois pas vraiment l'origine du bug.

[*Splash*]

Tente de désactiver l'ensemble de tes scripts sauf celui de la neige qui tombe, afin de voir si le problème vient d'un conflit entre scripts

[Invité]

Tente de désactiver l'ensemble de tes scripts sauf celui de la neige qui tombe, afin de voir si le problème vient d'un conflit entre scripts

Oui, j'en ai pas mal, ca va être fastidieux. Tout enlever et tout remettre.

J'ai essayé de reprendre un script d"halloween en changeant l'image mais là ca sautille partout.
Dommage j'y était presque en tout cas il fonctionne sur mon fo test.

Code:

var snowsrc="https://i.imgur.com/wYtTdsA.png";
 
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

[*Splash*]

J'ai l'impression qu'on ne se comprend pas !!
Je parle du script donné par Adam ici : https://forum.forumactif.com/t401880-script-neige-trop-lent#3353298

Non il ne suffit pas de supprimer les scripts et de les remettre pour tester, il suffit juste de les désactiver en décochant la case de leur placement sur le forum

[Invité]

J'ai l'impression qu'on ne se comprend pas !!
Je parle du script donné par Adam ici : https://forum.forumactif.com/t401880-script-neige-trop-lent#3353298

Non il ne suffit pas de supprimer les scripts et de les remettre pour tester, il suffit juste de les désactiver en décochant la case de leur placement sur le forum

Si j'ai bien compris. J'essaye de chercher une autre solution. JS désactivé en gardant que celui d' Adam. CSS testé également (forcer le css de base) j'ai toujours ce problème de lenteur.

[*Splash*]

Étrange ça...

[Invité]

Hello Surricate,

en ajoutant ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


*{transition: none!important;}


Penses à cliquer sur le bouton


Cela devrait régler cette latence.


a++

[Invité]

Bonjour Milouze merci beaucoup. Malheureusement cela ne change rien.
Le script d Adam est pourtant opérationnel parce que j'ai un forum test et deux forums usuels et le code fonctionne sur l"un des deux derniers. Les codages aussi bien js, templates, css sont similaires sur les 3 forums. Néanmoins, je cherche toujours ce qui peut être la cause de ce ralentissement.

[Invité]

Je n'ai pas trouvé pour quelle raison le script fonctionne sous la version awesomeBB sur certains forums et pas sur d'autres. J'ai essayé plusieurs pistes sans succès. Néanmoins, le script d'Adam est correct, je mets donc en résolu par défaut. Merci à lui pour son aide ainsi que Splash et Milouze.