<script type="text/javascript">
function change(select)
{
// определяем новые атрибуты картинки в зависимости от выбора пользователя в <select>
   switch (select) {
        case 1: var img = "img01.gif"; var height="250"; var width="300"; break;
        case 2: var img = "img02.gif"; var height="250"; var width="300"; break;
        case 3: var img = "img03.gif"; var height="250"; var width="300"; break;
        case 4: var img = "img04.gif"; var height="250"; var width="300"; break;
  }
var ObjImg = document.getElementById("img");
ObjImg.src = img;
ObjImg.height = height;
ObjImg.width = width;
}
</script>

<img src="btn_no.png" alt="" width="36" height="23" onclick="NextImage()"/>
<img src="btn_no.png" alt="" width="36" height="23" onclick="BackImage()"/><br />
<!-- Картинка которую будем менять -->
<img src='img.gif' id='img' height='100' width='100' alt='картинка по умолчанию' />

    <script type="text/javascript">

var imageChange = 0;
var imageMax = 4;

    function NextImage()
    {
        if (imageChange < imageMax)
        {
            imageChange++;
            change(imageChange);
        }
    }

    function BackImage()
    {

        if (imageChange >= 2)
        {
            imageChange--;
            change(imageChange);
        }
    }
...