Увеличить / уменьшить размер изображения, сайт

Question

У меня есть веб-страница с таблицей и изображениями, Я хотел бы добавить опцию для увеличения / уменьшения размера изображения, как я могу это сделать? Что-то вроде ctr + plus и ctr + minus делает.

Это то, что есть сейчас, http://www.ursic -ei.si / 1.html

Спасибо всем за ответы.

Answer 1

Вы не можете увеличить размер изображения - вы отображаете изображения фиксированного размера.

Что вы можете сделать:

1. Имеют копии одного и того же изображения разных размеров и выборочно подают их с сервера при нажатии кнопок.

2. Служит одному большему изображению, которое будет автоматически масштабировано, чтобы соответствовать размерам элемента. Затем измените размер этого элемента в обработчиках событий кнопок JavaScript.

   document.getElementById("myImgElement").width = 300;

   document.getElementById("myImgElement").height= 300;

Вам нужно, чтобы изображение было больше, чем вы масштабируете. Браузер автоматически масштабирует его, чтобы вместить меньший элемент изображения. Обратите внимание, что вам понадобится изображение, достаточно большое, чтобы соответствовать вашему максимальному размеру. Затем уменьшите масштаб, используя код выше.

Answer 2

Вы можете использовать JavaScript для изменения CSS изображения. Используйте атрибуты width и height, чтобы установить их в css. Другой вариант - использовать плагин jQuery, например, http://www.visual -blast.com / javascript / jqzoom-jquery-plugin / или http://www.webappers.com/2008/12/16/jquery-javascript-image-magnifier-under-gpl/ Это срабатывает при наведении мыши, но вы можете изменить действие вызвать событие.