Как сделать что-бы кнопка менялась?

<div class="load1">
<table width="100%" style="border-bottom:0px dotted #cccccc;"><tr>
<div class="container visible-desktop">
<td style="width:4%;padding-right:3px;" align="center">
<input type="image" src="http://picua.org/img/2016-08/16/es2tm6wnp5w29wlcspc5wp52n.png" onclick="Player.send('{title}','{short-story}','{news-id}')" id="play{news-id}" style="width:26px;height:27px;cursor:pointer;" class="btn btn-info plpaus" /> 
<input type="image" src="http://picua.org/img/2016-08/18/wxrsfuba5v48sy3qy2hysjrti.png" onclick="Player.stop('{title}','{short-story}','{news-id}')" id="stop{news-id}" style="width:26px;height:27px;display:none;cursor:pointer;" class="btn btn-info plpaus" /> 
</td> 
</div>
<td style="width:73%; padding-left:7px; padding-bottom:0px;">
<h7 style="color:     #464646; font-family: 'Open Sans', sans-serif; font-size: 16px;" > {title limit="50"}</h7>
<div style="color:     #464646; font-family: Segoe UI Light, 'Open Sans', sans-serif; font-size: 15px;"  id="janr"><b></b>[edit]Редактировать[/edit]</div></td>
<td style="width:4%;padding:3px;" align="center" valign="top">
</td>
<td style="width:12%;font-size:11px; font-family:Segoe UI Light, 'Open Sans', sans-serif; border-left:0px solid #fff;text-align:right;"> 
</td>
</tr></table>
</div>