Да довольнотоки потешно,
поржал:
<head>
</head>
<body>
<table width="100%" border="0">
<tr>
<td><input type="button" id="butPrev" value="<" onclick="changePic('minus')" />
<script type="text/javascript">
function changePic(type){
var picHolder = document.getElementById('pic');
var tempHolder = document.getElementById('temp');
var picSrcStrS = picHolder.src.lastIndexOf('/');
var picSrcStrE = picHolder.src.lastIndexOf('.');
var picSrcStr = picHolder.src.substring(picSrcStrS+1, picSrcStrE);
var picSrcBase = picHolder.src.substring(0, picSrcStrS+1);
var picSrcExt = picHolder.src.substring(picSrcStrE);
var picSrcInt = parseInt (picSrcStr);
var picSrcNewInt;
var picSrcNewStr;
if (type == 'plus'){
picSrcNewInt=picSrcInt+1;
picSrcNewStr = picSrcBase+picSrcNewInt+picSrcExt;
}
else {
picSrcNewInt=picSrcInt-1;
picSrcNewStr = picSrcBase+picSrcNewInt+picSrcExt;
}
picHolder.src=picSrcNewStr;
}
</script></td>
<td><img src="1.jpg" name="pic" width="200" height="200" id="pic" /></td>
<td><label>
<input type="button" id="butNext" value=">" onclick="changePic('plus')" />
</label></td>
</tr>
</table>
</body>
</html>