Jquery gif 雪 带有 2 个 GIF 动画

Question

嗨，我有一个雪 gif 动画，这里有 2 个不同的 gif:

http://archibaldbutler.com/projects/stack/

一个在下雪，但另一个没有，我希望它们都在页面上“下雪”，而不是目前只有一个。

我遵循的教程只是为了制作一个 gif 动画。所以我复制了降雪脚本并将其命名为snowfall2.jquery.js

    <script src='snowfall.jquery.js'></script>
<script src='snowfall2.jquery.js'></script>

我在snowfall2内部进行了搜索和替换，将“snowfall”替换为“snowfall2”。

在我的index.html的标题中，我添加了对snowfall2.jquery.js的调用，它调用gif图像:

<script type='text/javascript'>     
    $(document).ready(function(){
        $('.collectonme').hide();
        //Start the snow default options you can also make it snow in certain elements, etc.
        $(document).snowfall({image :"images/santa-sneaking-smiley-emoticon2.gif", minSize: 40, maxSize:100});
  $(document).snowfall2({image :"images/santa-sneaking-smiley-emoticon22.gif", minSize: 40, maxSize:100});



    });
     </script>

我的问题是:一张 gif:偷偷摸摸的圣诞老人正在“下雪”，但跳跃的圣诞老人并没有“下雪”。为什么？

Answer 1

Archie，Smeegs 的答案会告诉你为什么两张图像都没有下雪。我搞乱了该插件并将其设置(快速破解)以接受一组图像。仅使用前两个图像，但这应该适用于您的情况。

首先，将原始脚本中的第 136、137 和 138 行替换为以下行:

if (options.images) {
    flakeMarkup = $(document.createElement("img"));
    flakeMarkup[0].src = this.id % 2 == 0 ? options.images[0] : options.images[1];

然后，删除页面中的第二个脚本 block 和对脚本的第二次调用，并更新 document.ready() 以创建一个数组来传递并用两个图像填充它(当然使用您的图像名称):

var flakeImages = [];
flakeImages[0] = "snowflake.png";
flakeImages[1] = "gemstone.png";

最后，将对降雪的调用更改为:

$(document).snowfall({ images: flakeImages , minSize: 40, maxSize: 100 });

让我知道进展如何。