javascript change image, href onclick = looking for simpliest method

Question

What is the simpliest method to change image src, when I click on a href -with 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.png

Href is OK with # or would be better to placce here some JS?

Answer 1

You should .bind()^help a .click()^help event listener on your anchors. In that listener, you change the src attribute by invoking .attr()^help

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