<script type="text/javascript">
    var array = new Array(
      
      "http://www.novickiy.ru/demo/rotatesl/1.png",
      "http://www.novickiy.ru/malslaid/21sl.jpg",
      "http://www.novickiy.ru/malslaid/11sl.jpg",
      "http://www.novickiy.ru/malslaid/22sl.jpg"
    );//массив с путями к картинкам
    var i = 0;
    function left() {
      var image = document.getElementById("rotatorbutton");
      i--;
      if (i < 0) i = array.length - 1;
      image.src = array[i];
    }
    function right() {
      var image = document.getElementById("rotatorbutton");
      i++;
      if (i == array.length) i = 0;
      image.src = array[i];
    }
</script>
     

<table>
    <tr>
      <td>
        <input type = 'button' name = 'left' value = '<' onclick = 'left()' />
      </td>
      <td>
        <script type = 'text/javascript'>
          document.write("<img id = 'rotatorbutton' src = '" + array[0] + "' alt = 'Ротатор изображений с кнопками' width = '150' height = '150' />");
        </script>
      </td>
      <td>
        <input type = 'button' name = 'right' value = '>' onclick = 'right()' />
      </td>
    </tr>
</table>