А как сделать плавную смену картинок самым простым способом, перепробовал все примеры вообще ничего не происходит...
<table border=0 align=center>
<tr><td align="center"><form>
<input type=button value="Белая" onClick="document.getElementById('div1').style.backgroundImage='url(colors/w-got.png)'">
<input type=button value="Черная" onClick="document.getElementById('div1').style.backgroundImage='url(colors/b-got.png)'">
</form></td>
</tr>
<tr>
<td><div id="div1" style="width:926px; height:471px; border:double; text-align:center; background:url(colors/obe.jpg) #00F;"></div></td>
</tr>
</table>