单击链接时更改图片

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

总体目标是使用徽标进行简单的页面加载。当用户点击链接“当前问题”时，它会将当前问题的图像加载到同一个div中。这两个图像将具有相同的格式，所有我想要更改的图像来源是logo.jpg到issue8.jpg

感谢任何指针，我真的很感激它。漂亮卡住了！

2013-06-19 cherch

不确定如何在html中实现该脚本，对不起 – cherch

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

或多个通用

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

来源

2013-06-19 23:58:24 r043v

因此，我将在img标签上使用id #myimg来更改源代码？我是否使用链接上的.issues类来按下更改图像？ – cherch

这是一种可能，只是适应您的需求，切换img源的真正答案是.attr（“src”，“hey.jpg”）; – r043v

检查这个小提琴http://jsfiddle.net/r043v/LgXQX/1/ – r043v

在素文字标签内

功能changeImage（）

{

element=document.getElementById('myimage') 

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

      { 

        element.src="2.jpeg"; 

      } 

      else 

      { 

        element.src="1.jpeg"; 

      }

}

将图像ID设置为myimage。

来源

2013-06-25 06:37:23 Vidya

单击链接时更改图片

回答

相关问题