Есть изображение нужно, чтобы пользователь при помощи формы смог изменить width или height этого изображения + чтобы размеры изменялись плавно без перезагрузки страницы.
LiveStreet, на событие keyUp() вешаешь действие, где считываешь значение с формы и подставляешь их в img
Пример. Я с JQuery не особо хорошо знаком.
[code]
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Изменяем размер картинки</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</head>
<body>
<label>Width</label>
<div>
<input id="width" type="text">
</div>
<label>Height</label>
<div>
<input id="height" type="text">
</div>
<img id="reload" src="https://avatars0.githubusercontent.com/u/993323?v=3&s=400" alt=""/>
<script>
$("#width, #height"
.keyup(function (){
$("#reload".attr('width', $("#width".val());
$("#reload".attr('height', $("#height".val());
});
</script>
</body>
</html>
[/code]
Добавлено 02.03.15 в 15:26:26:
Вот так правильней
PROFIWM_COM_218_1124927_img.txt (741 б) PROFIWM_COM_218_1124927_img.txt (741 б)- 1 из 1
