Question

我希望这样做：

文件夹中有3张图片。＆＃34; img1.jpg＆＃34;，＆＃34; img2.gif＆＃34;和＆＃34; img3.jpg＆＃34;

任何人点击＆＃34; img1.jpg＆＃34;，＆＃34; img2.gif＆＃34;将取代它。 gif文件将运行3秒，之后＆＃34; img3.jpg＆＃34;将自动替换gif文件。点击＆＃34; img3.jpg＆＃34;后，它将能够重定向到另一个网站ex。 www.google.com。请注意，更换图像应该在不加载页面的情况下完成（AJAX），图像必须具有相同的宽度和高度，以便一切看起来都很流畅。

注意：鼠标指针必须始终更改为＆＃34; hand＆＃34; （与我们将鼠标悬停在任何锚文本时相同）

Answer 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);
    });
});

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

使用ajax或php替换自动图像

1 个答案: