<style>
button{
cursor: pointer;
text-align: left;
width:130px;
height:25px
}
.buttons{
width: 132px;
float: left;
}
</style>
<div class ="buttons">
<button id="1" onclick="function()">first</button>
<button id="2" onclick="function()">second</button>
<button id="3" onclick="function()">third</button>
</div>
function(){
тут меняем изображение
}