JavaScript更改图像，href onclick =寻找最简单的方法

什么是最简单的方法来更改图像src，当我点击一个href与jQuery？
img id="my_image" class="icon" src="1.png" alt="1.png" border="0" /> < a href="#" id="1"> < a href="#" id="2"> < a href="#" id="3"> 1.png，2.png，3.pngJavaScript更改图像，href onclick =寻找最简单的方法

href是用＃OK或将是更好地在这里placce一些JS？

来源

2011-01-28 Adrian

你应该.bind()^help你的锚一个.click()^help事件侦听器。在这种监听器，你通过调用.attr()^help

$('a').click(function(event) { 
    $('#my_image').attr('src', function(i, src) { 
     return event.target.id + '.png'; 
    }); 
    return false; 
});

来源

2011-01-28 12:05:58 jAndy

$（ '＃my_image'）ATTR（ 'src' 中，event.target.id + 'png格式'）似乎更容易。 – 2011-01-28 12:10:40

谢谢，工作。但是，如果我在该页面上有其他hrefs（不用于图像更改）？在这种情况下，其他href也会改变图像，但这并不好。 – Adrian 2011-01-28 12:12:51

<img id="my_image" class="icon" src="1.png" alt="1.png" border="0" /> 
<a onclick="changeImage(this)" href="#" id="1">1</a> 
<a onclick="changeImage(this)" href="#" id="2">2</a> 
<a onclick="changeImage(this)" href="#" id="3">3</a> 

<script> 
function changeImage(thisDiv){ 
    document.getElementById('my_image').src = thisDiv.id+".png" 
} 
</script>

编辑改变SRC属性：没看到jQuery的要求！

来源

2011-01-28 12:08:35 Prisoner

这应该工作：

<a href="javascript:$('#my_image').attr('src', '2.png');" id="1">

来源

2011-01-28 12:11:06

$('a').click(function(e) { 
    var id = this.id; 
    $('#my_image').attr('src', id + '.png'); 
    e.preventDefault(); 
});

来源

2011-01-28 12:16:21 Neil

JavaScript更改图像，href onclick =寻找最简单的方法

回答

相关问题