使用ajax或php替换自动图像-Java 学习之路

-2

我希望这样做：

文件夹中有3个图像 . “img1.jpg”，“img2.gif”和“img3.jpg”

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

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

1 回答

你不需要PHP . 这是一个简单的 example ：

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

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

回复于 2024-05-04T04:06:21+08:00

使用ajax或php替换自动图像

1 回答

相关问题