jquery 动态改变图片链接

<img id="tupian" src=" ">
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>

这样单击1的时候显示一个图片，2的时候显示另一个图片，用一个img可以吗。JQuery需要怎么弄啊

<img id="tupian" src="src1">
<button name="src1">1</button>
<button name="src2">2</button>
<button name="src3">3</button>
<button name="src4">4</button>

<script>
$(function(){
    $("button").click(function(){
        $("#tupian").attr("src",$(this).attr("name"));
    })
})
</script>

 src1,2,3,4等式图片的地址

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/s2s77qsqs2mfp4s4v2.html