Javascript 使用ajax或php自动替换图像

我希望这样做：

文件夹中有3个图像。img1.jpg、img2.gif和img3.jpg

只要有人点击img1.jpg，img2.gif就会取代它。gif文件将运行3秒，然后img3.jpg将自动替换gif文件。单击img3.jpg后，它将能够重定向到另一个站点，例如www.google.com。请注意，图像的替换应该在不加载页面的情况下完成，并且图像必须具有相同的宽度和高度，以便一切看起来都很平滑

---

注意：当我们将鼠标悬停在任何锚文本上时，鼠标指针必须始终更改为“手”，您不需要PHP来完成此操作。这是一个简单的例子：

HTML:

jQuery：

---

我希望这有帮助。如果回答被否决的问题不合适，请告诉我。

我看不出有问题，而是一个请求。解决编码问题也是如此。

<img src="img1.jpg"/>

img { cursor: pointer; }

$(function() {
    $('img').on('click', function() {
        var $img = $(this);
        $img.attr('src', 'img2.gif');
        setTimeout(function() {
            $img.attr('src', 'img3.jpg')
                .wrap('<a href="//www.google.com"></a>');
        }, 3000);
    });
});