点击时Jquery更改图像

我目前正在构建完整的背景图像布局，我想根据用户访问的页面更改图像。 要明白这一点：当用户点击链接时，我需要更改图像属性。 这是我得到了多远：

$(function() { $('.menulink').click(function(){ $("#bg").attr('src',"img/picture1.jpg"); }); }); 

  switch me  

谢谢，可能是简单的东西，但在我的头上！

Answer 1

它会切换回来，因为默认情况下，当您单击链接时，它会跟随链接并加载页面。 在你的情况下，你不希望这样。 您可以通过执行e.preventDefault（）; （像Neal提到的那样）或者返回false：

 $(function() { $('.menulink').click(function(){ $("#bg").attr('src',"img/picture1.jpg"); return false; }); }); 

关于防止默认和返回错误之间差异的有趣问题 。

在这种情况下，return false将正常工作，因为事件不需要传播。

Answer 2

我会帮助你一秒钟让你成为一个小提琴^ _ ^

UPDATE

您需要使用preventDefault()来实现它，以便在您点击它时链接不会通过：

小提琴： http ： //jsfiddle.net/maniator/Sevdm/

 $(function() { $('.menulink').click(function(e){ e.preventDefault(); $("#bg").attr('src',"img/picture1.jpg"); }); }); 

Answer 3

你可以使用“attr”function！ 像`$（“＃id”）。attr（’src’，“source”）;

Answer 4

  $('div#imageContainer').click(function () { $('div#imageContainerimg').attr('src', 'YOUR NEW IMAGE URL HERE'); }); 

Answer 5

你应该考虑使用一个按钮。 链接通常应该用于链接 。 按钮可用于您要添加的其他function。 Neals解决方案有效，但它是一种解决方法。

如果使用而不是 ，则原始代码应按预期工作。

Answer 6

当您单击文本或链接时，图像将更改为另一个图像，以便您可以使用以下脚本帮助您更改图像，单击链接：

  
 
The Human Body Parts :
 
 
 
 
Human-body-organ-diag-1
 
Human-body-organ-diag-2
 
Human-body-organ-diag-3
 
Human-body-organ-diag-4
 
Human-body-organ-diag-5
 
 
 
 
 
 
 
 
 
 
 
Human-body-organ-diag-6
 
Human-body-organ-diag-7
 
Human-body-organ-diag-8
 
Human-body-organ-diag-9
 
Human-body-organ-diag-10
 
 
 
  

CSS：

我认为上面的代码对你非常有用。 这个代码我从这里得到或演示在这里供您参考