单击链接时更改图像

Question

有一个在页面加载时显示“logo.jpg”的页面。单击“当前问题”链接时，想用“issue8.jpg”替换图像。相信这需要 AJAX，但想知道最简单的方法是什么，因为它只是用另一个图像替换一个图像。

总体目标是加载带有徽标的简单页面。当用户单击“当前问题”链接时，它会将当前问题的图像加载到同一个 div 中。两张图片都具有相同的格式，我只想更改从 logo.jpg 到 issue8.jpg 的图片源

感谢您的任何指点，我真的很感激。卡住了！

Answer 1

$("#currentIssue").click(function(){
    $("#myimg").attr("src","issue8.jpg");//.on("load",function(){});
});

或更通用的

$(".issues").click(function(){
    $("#myimg").attr("src", $(this).data("img") );
});

Answer 2

在 scipt 标签内

函数 changeImage()

{

    element=document.getElementById('myimage')

            if (element.src.match("1"))

            {

                    element.src="2.jpeg";

            }

            else

            {

                    element.src="1.jpeg";

            }

}

设置图片ID为myimage。