bootstrap怎么实现鼠标悬停在img上面之后切换照片

向各位大佬请教：

<div class="tab-pane fade in active" id="home">
        <img alt="xxxx" id="shouye_image1"
            src="assets/imgs/home/gis_u16.png" width=100% height=100%>
    </div>
    当鼠标悬停在img上面的时候，我想要切换另外一张图片，鼠标移出的时候又显示原来的图片，应该怎么实现？望各位大佬不吝赐教。