FadeIn / FadeOut网站的两个背景

Question

我在themeforest上找到了一个非常好的东西。但是我对jquery background shuffle没什么兴趣。

http://themeforest.net/item/launch-pad-full-screen-image-under-construction/full_screen_preview/473421

我想买它然后我注意到那个人把所有的脚本都放到了一个.js所以我不太理解去除所有这些。

然而......我想知道是否有人可以帮助我在预览网站上没有任何选项的情况下制作类似的东西。

我只想让这个fadeIn，fadeOut效果和两个图像在6秒之间进行随机播放。听起来很容易，但并非没有知识。

我会继续搜索是否存在这样的事情，提前谢谢。欢呼声。

Answer 1

这里记录了JQuery的淡入功能： http://api.jquery.com/fadeIn/

我会这样做：

1. 制作新图片
2. 使用JQuery .hide隐藏它。
3. 将其插入文档中与旧图像完全相同的位置，使其位于文档上方。
4. 在新图片上调用.fadeIn
5. 在我传递给.fadeIn的回调例程中，我删除了下面的图像，这样图像就无法无限堆叠并占用浏览器资源

Answer 2

这是一个古老的答案，但对于现在正在寻找它的人来说，你可以试试bgshuffle脚本。它使用JqueryUI。您必须在页面的某处包含JqueryUI。该脚本发布在github上，如果您愿意，可随意扩展它：

https://github.com/vikaskumarsingh123/bgshuffle/

您可以简单地将其称为：

shuffleBG( ['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'] );//the array of wallpapers

或高级用法：

shuffleBG(['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'], //the array of wallpapers
        '10000', //time between wallpaper change, defaults to 10000ms (10secs)
        '1000', //fade in fade out animation speed, defaults to 1000ms
        'white' //color to fade in and out of, defaults to body backgroundColor or white
);

您通常会在document.load上调用此函数。