手動スライドショー

手動スライドショー。
1 <-> 2 <-> 3 <-> 4 <-> 5 <-> 1 
の動作。

Yahoo知恵袋で回答したもの。

サンプル

コード

<script>
function change(im,c,n){
n=parseInt(im.src.substring(im.src.lastIndexOf('/')+1))+c;
im.src=''+((n<1)?'5':(n>5)?'1':n)+'.png';
}
</script>

<img src="1.png" id="img" name="img">
<input type="button" value="戻る" onclick="change(document.images['img'],-1);">
<input type="button" value="次へ" onclick="change(document.images['img'],+1);">