Javascript 图像淡入另一个，然后函数加载新网页

基本上，我在尝试一种类似的效果

我想让我的网站的第一页有一个图像淡入另一个图像点击一个按钮，然后有一个功能打开一个不同的页面后约2秒，使用定时器

---

我有基于上述示例切换图像的代码，我对JavaScript不太精通，所以我的问题是编写一个JavaScript函数，在第二个图像出现大约2秒后加载一个新页面。

而不是像示例中那样使用css动画，使用jQuery执行动画，并使用complete函数执行转发：

$("#cf_onclick").click(function() {
    $("#cf_onclick").animate(
        {"background-image": "img2.jpg"},
        2000,
        'linear',
        function() {
             window.location.href = "page2.html";
        }
    );
});

---

您还应该考虑将两个图像放在一个图像文件中，切换背景位置或覆盖两个IMG标签并淡出第一个，否则浏览器将需要在动画开始时加载第二个图像。p> 到目前为止你有什么？你能给我们看看吗？也许可以设置一个jsfiddle.net。您是否使用与示例相同的代码？您尝试了哪些代码，哪些代码不起作用？您收到了什么错误消息？您是否使用任何第三方脚本库？你需要什么帮助？请给我们看一些代码！或者更具体地说你的麻烦