Floquinhos de neve não carregam

Detalhes da questão

Endereço do fórum: http://naruto-survival.forumeiros.com/
Versão do fórum: PhpBB2

Descrição

Código:

$.ajax({url:"http://js01.fra.co/30248.js", cache: true, dataType: "script"});

Olá, tentei esse código no meu fórum e não funcionou, as imagens dos floquinhos não carregam, tem como arrumar? :S

Olá e bom dia.

Troca o script por este:

Código:

$(function() {
    var SOURCE = "spacefrog => http://www.developpez.net/forums/d846042/webmasters-developpement-web/contribuez/decoration-noel-simulateur-chute-neige/";
    var IsIE6 = !!document.all && !window.XMLHttpRequest;
    var ext = (IsIE6) ? 'gif' : 'png';
    var IsIE = !!document.all;
    var snowsrc = new Image();
    snowsrc.src = "http://images.shiftactif.com/floco-de-neve-08." + ext;
    var snowsrc1 = new Image;
    snowsrc1.src = "http://images.shiftactif.com/snow-flake." + ext;
    var densite = 50;
    var dx, xp, yp;
    var am, vx, vy;
    var i, doc_width, doc_height;
    var vitesseH = 1;
    var changevent = true;
    var vent = new Array(10, 0, -10, -20, 0, -5, -10, -5, -3, 0, 2, 3, 5, 10, 20, 30, 50, 60, 80, 70, 50, 30, 10, 0, -1, -5, -10, -20);
    var forceH = 0;
    var drift = 10;
    var changechute = true;
    var chute = new Array(1, 2, 3, 2, 1, 1, 2, 3, 4, 5, 4, 3, 5, 4, 6, 4, 2, 3, 2, 1, 1, 1, 1, 1, 1);
    var forceV = 0;
    var vitesseV = 1;
    var dx = new Array();
    var xp = new Array();
    var yp = new Array();
    var am = new Array();
    var vx = new Array();
    var vy = new Array();
    var init = function() {
        doc_width = document.body.offsetWidth - 15;
        doc_height = document.body.offsetHeight - 15;
        densite = Math.floor(doc_width / 10);
        var flake = document.createElement('img');
        flake.style.border = '0';
        flake.style.width = "auto";
        flake.style.height = "auto";
        var flakediv = document.createElement('div');
        flakediv.style.position = 'absolute';
        flakediv.style.top = '15px';
        flakediv.style.left = '15px';
        flakediv.style.display = "none";
        for (i = 0; i < densite; i++) {
            dx[i] = 0;
            xp[i] = Math.random() * (doc_width - 50);
            yp[i] = Math.random() * doc_height;
            am[i] = Math.random() * 40;
            vx[i] = 0.02 + Math.random() / 10 * vitesseH;
            vy[i] = 0.9 + Math.random() * vitesseV;
            var opacite = Math.random() * 100;
            var newflake = flakediv.cloneNode(true);
            newflake.id = "flocon" + i;
            newflake.zIndex = i + 1;
            newpic = flake.cloneNode(true);
            newpic.src = (i % 2 == 0) ? snowsrc.src : snowsrc1.src;
            newflake.appendChild(newpic);
            IsIE ? newflake.style.filter = "alpha(opacity=" + opacite + ")" : newflake.style.opacity = opacite / 100;
            document.body.appendChild(newflake)
        }
        var neige = setInterval(function() {
            snow()
        }, 30);
        if (changevent == true) {
            var girouette = setInterval(function() {
                wind()
            }, 4250)
        }
        if (changechute == true) {
            var intesite = setInterval(function() {
                fall()
            }, 7130)
        }
    };
    var wind = function() {
        drift = vent[forceH];
        forceH++;
        forceH = (forceH > vent.length) ? 0 : forceH
    };
    var fall = function() {
        vitesseV = chute[forceV];
        forceV++;
        forceV = (forceV > chute.length - 1) ? 0 : forceV
    };
    var snow = function() {
        doc_width = document.body.offsetWidth - 15;
        doc_height = document.body.offsetHeight - 15;
        for (i = 0; i < densite; i++) {
            yp[i] += vy[i];
            if (yp[i] > doc_height - 20) {
                xp[i] = (Math.random() * (doc_width - am[i] - 30));
                yp[i] = 0;
                vx[i] = (0.02 + Math.random() / 10) * vitesseH;
                vy[i] = (0.7 + Math.random()) * vitesseV
            }
            dx[i] += vx[i];
            document.getElementById("flocon" + i).style.display = "block";
            document.getElementById("flocon" + i).style.top = yp[i] + "px";
            if (drift > 0) {
                xp[i] = ((xp[i] + drift / 10) > doc_width) ? 0 : xp[i] + drift / 10
            }
            if (drift < 0) {
                xp[i] = ((xp[i] + drift / 10) < 0) ? doc_width : xp[i] + drift / 10
            }
            document.getElementById("flocon" + i).style.left = xp[i] + am[i] * Math.sin(dx[i]) + "px"
        }
    };
    $(init)
});

Funcionou parcialmente. Ficou aparecendo só um tipo de floco, além do que alguns ficaram com um quadrado ao redor...

Olá!

Isso ocorre porque a imagem não é transparente... Desculpe. Eu já corrigi o problema.
Troque no seu script:

Código:

snowsrc1.src = "http://images.shiftactif.com/snow-flake." + ext;

Por:

Código:

snowsrc1.src = "http://images.shiftactif.com/snow." + ext;

Salve.

Pressione o Ctrl + F5 no seu fórum.

Clique no se sua questão estiver sanada.