Масштабирование картинок на JavaScript

[MrSTEP]

Масштабирование картинок на JavaScript

Ситуация следующая: web-страница, на ней должна быть картинка предположительно большого размера (1800*1621). Изначально картинка будет отображаться на странице в 50% масштабе.
Кнопками "+10%" и "-10%" надо добавлять и отнимать по 10% масштаба, это реализуется на JavaScript. Но.

document.images[0].width = document.images[0].width + 10;
document.images[0].height = document.images[0].height + 10;

меняет Истиный размер картинки на 10 пикселей, а не масштаб. Как мне реализовать изменение масштаба?

В прикрепленном файле черновой вариант с черновой же картинкой.

 

[AlexZir]

Алексей, скрипт не изменяет размер картинки, он просто инициирует процесс сжатия пересылаемой картинки, при этом исходный файл остается неизменным. На многих сайтах для предоставления доступа к оригиналу рисунка обычно делают ссылку на него вида "просмотреть файл с наилучшим качеством".

 

[MrSTEP]

Алексей, я понимаю, исходная картинка остается неизменной. Мне необходимо менять размер картинки на странице не в пикселях, а в процентах. Надеюсь, правильно изложил мысли

 

[AlexZir]

Нужно производить вычисления, относительно истинного размера рисунка. Например, нужно завести счетчик количества нажатий. Соответственно, +10% увеличивает счетчик, -10% - уменьшает. Затем нужно обычным деление истинного размера на значение счетчика получить количество пикселей и прибавлять его результат к соответствующему линейному размеру картинки.

 

[MrSTEP]

Хм, это мысль.. Попробуем

 

[MrSTEP]

Как всегда, все гениальное просто:

case 'plus':
	per = per+10; //проценты
	w = 800/100 * per;
	h = 256/100 * per;                 
	document.images[0].width = w;
	document.images[0].height = h;
break;

Спасибо, тезка