Так а что ты делаешь - тот же src переприсвоил.
Вариант - надо узнать реальные размеры и их присвоить:

var im = new Image();
im.src = Существующая_картинка.src;	
Существующая_картинка.width = im.width
Существующая_картинка.height = im.height

im.width, im.height - родные размеры.

Так как картинки выводятся массивом значит мне видемо нужно подставлять Существующая_картинка i.width = im.width

какой то параметр который будет изменятся.
А как мне потом выводить?

Пытаюсь по id при клике вывести например другое изображение (вообще в итоги хочу чтоб рядом просто выводилось в полный размер, но пока так)

<script type="text/javascript">

    var images = new Array ("img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg", "img/6.jpg",
"img/7.jpg", "img/8.jpg", "img/9.jpg", "img/10.jpg", "img/11.jpg", "img/12.jpg",
"img/13.jpg", "img/14.jpg", "img/15.jpg", "img/16.jpg", "img/17.jpg", "img/18.jpg");
 document.write(GetGalleryHTML(images, 4, 80, 80));
function GetGalleryHTML(arr, count, width, height)
{
//реализация галлереи в виде таблицы
var html = '<table>';
for(var i = 0 ; i < arr.length ; )
{
html += "<tr>";
 for(var j= 0 ; j < count ; ++j, ++i)
{
html += "<td>";
if(i < arr.length)

html += '<img src="' + arr[i] + '" width="' + width + '" height="' + height + '" id="'+i+'" onclick = "imgchange();" />'; 
     
        else
        html += "";
       html += "<td>";
 }
        html += "</tr>";
        }
        html += '</table>';
        return html;
        }
function imgchange() { 
 document.getElementById("2").scr= img/15.jpg;  
      } 
    </script>

не хочет работать с функцией imgchange().

document.getElementById("2").src= "img/15.jpg"; кавычки нужны
да и наверно
onclick = "imgchange();"

onclick = "imgchange(this.src);"

и

function imgchange(src) {   

 document.getElementById("2").src=src;    

       }

Спасибо все работает