使用 ajax 或 php 自动替换图像

【问题标题】：auto images replacement using ajax or php使用 ajax 或 php 自动替换图像
【发布时间】：2014-08-31 09:51:54
【问题描述】：

我希望这样做：

文件夹中有 3 张图片。 “img1.jpg”、“img2.gif”和“img3.jpg”

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

注意：鼠标指针必须始终变为“手”（与我们将鼠标悬停在任何锚文本上时相同）

【问题讨论】：

我看不到问题，而是一个请求。 SO 用于解决编码问题。

标签： javascript php jquery css ajax

【解决方案1】：

您不需要 PHP。这是一个简单的示例：

HTML：

<img src="img1.jpg"/>

CSS：

img { cursor: pointer; }

jQuery：

$(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);
    });
});

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

【讨论】：