У меня есть веб-страница со столом и в ней изображения, Я хотел бы добавить опцию увеличения/уменьшения размера изображения, как я могу это сделать? Что-то вроде ctr + plus и ctr + минус.Увеличить/уменьшить размер изображения, сайт
Это то, что это сейчас, http://www.ursic-ei.si/1.html
Спасибо всем за ответы.
Вы не можете увеличить размер изображения - вы показываете изображения фиксированного размера.
Вещи, которые вы могли бы сделать:
Служите одному большему изображению, которое будет автоматически масштабироваться в соответствии с размерами элемента. Затем измените размер этого элемента в обработчиках событий кнопок JavaScript.
document.getElementById("myImgElement").width = 300;
document.getElementById("myImgElement").height= 300;
Вы должны иметь изображение больше, чем то, что вы вниз масштабирование до. Браузер автоматически масштабирует его, чтобы вписаться в меньший элемент изображения. Обратите внимание, что вам понадобится изображение, достаточно большое, чтобы соответствовать максимальному размеру. Затем уменьшите масштаб, используя код выше.
Я думаю, что второй вариант - это то, что я хотел бы сделать, есть ли у вас какие-либо примеры ссылок (например, учебник)? – MB1
Возможно, плохо сделайте, как первый вариант говорит, thx. – MB1
@ MB1 помните, что это может увеличить трафик между сервером и клиентом, если изображения большие. – Thea
Вы можете использовать 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/ Это срабатывает при наведении курсора мыши, но вы можете изменить действие для запуска события.
Вы хотите изменить размеры изображения в оригинальном месте или просто отобразить их в разных размерах? Или вы просто спрашиваете, как представить варианты в пользовательском интерфейсе? –
Я хотел бы добавить две кнопки, чтобы пользователь мог увеличить или уменьшить размер изображения (что-то вроде ctr + plus и ctr + минус). По умолчанию ширина изображения устанавливается так же, как сейчас: 900 пикселей. – MB1