Jquery gif雪景和2个动画gif

Jquery gif雪景和2个动画gif,jquery,animation,gif,Jquery,Animation,Gif,嗨,我这里有一个带有两个不同gif的雪花gif动画: 一个正在下雪,但另一个没有,我希望他们两个都下雪,而不是现在只有一个 我遵循的教程只是为了有一个动画gif。因此,我复制了snowfall脚本,并将其命名为snowfall2.jquery.js <script src='snowfall.jquery.js'></script> <script src='snowfall2.jquery.js'></script> 我在snow

嗨,我这里有一个带有两个不同gif的雪花gif动画:

一个正在下雪,但另一个没有,我希望他们两个都下雪,而不是现在只有一个

我遵循的教程只是为了有一个动画gif。因此,我复制了snowfall脚本,并将其命名为snowfall2.jquery.js

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

我在snowfall2中搜索并替换了“snowfall2”,将“snowfall2”替换为“snowfall2”

在my 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>

$(文档).ready(函数(){
$('.collectionme').hide();
//启动“雪”默认选项,也可以使其在某些元素中下雪,等等。
$(文档).snowfall({image:“images/santa-skilling-smiley-emoticon2.gif”,minSize:40,maxSize:100});
$(文档).snowfall2({image:“images/santa-skilling-smiley-emoticon22.gif”,minSize:40,maxSize:100});
});

我的问题是:一个gif:鬼鬼祟祟的圣诞老人在“下雪”,但跳跃的圣诞老人不是在“下雪”。为什么?

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

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

if (options.images) {
    flakeMarkup = $(document.createElement("img"));
    flakeMarkup[0].src = this.id % 2 == 0 ? options.images[0] : options.images[1];
然后,删除页面中的第二个脚本块和对脚本的第二次调用,并更新您的文档。ready()创建一个数组以传递并填充两个图像(当然使用您的图像名称):

最后,将您对snowfall的呼叫更改为:

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

让我知道进展如何。

我假设
snowfall.jquery.js
snowfall2.jquery.js
是同一个文件的副本

如果是这样的话,您仍然只需加载同一个文件两次。他们是否有不同的名字并不重要

这两个文件中的函数/变量名称相同,因此只能执行其中一个函数,而不能同时执行两个函数。这就是为什么只有一个图像是“下雪”。就修复它而言。我不能帮你,因为我不知道jquery插件的内容


如果文件足够小,您可以遍历它并重命名所有全局变量和函数,以便每个变量和函数都有两个实例。

一个
$(document).ready()
就足够了!将脚本合并到一个文档中,我现在已经这样做了,但是我的圣诞老人仍然没有下雪!嗨,剧本是280行。我不知道应该重命名哪些变量和函数。我试过了,但没能成功。看来是别人主动了。查看其他答案谢谢你的时间,问题由Mike Deveney解决。Mike,你是一个斯巴达的Javascript战士,我真的很想提高我的技能,但我发现这真的很难!非常感谢您的时间,我的客户是世界上最好的时装设计师之一,您为我挽救了这一天!我将尝试和工作出你做了什么,我已经更新了演示。再次感谢!谢谢你的赞扬,尽管我确信我的同事们很高兴我没有穿得像斯巴达人那样,不管我的编码技能如何。:)很高兴它成功了!美好的我刚刚在twitter上和阿尔奇谈过把它作为插件的一个实际选项。酷!我对开源项目的第一份psuedo贡献:
$(document).snowfall({ images: flakeImages , minSize: 40, maxSize: 100 });