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标签内

function changeImage（）

{

    element=document.getElementById('myimage')

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

            {

                    element.src="2.jpeg";

            }

            else

            {

                    element.src="1.jpeg";

            }

}

将图片ID设为myimage。

单击链接时更改图像

2 个答案: