init

02-ui/05-widgets/06-widget-tasks/03-resize-img/task.md

@@ -0,0 +1,29 @@
+# Менять размер картинки при помощи мыши
+
+[importance 5]
+
+Реализуйте интерфейс для смены размера изображения мышью. 
+
+Пусть изображение "тянется" при захвате его снизу, справа и в правом-нижнем углу, вот так:
+[iframe height=350 src="solution" link]
+
+По окончанию смены размеров должно быть событие **`resize`** c новыми размерами.
+
+Синтаксис:
+
+```js
+var resizeMe = new Resizeable({
+  elem: $('#heroes')
+});
+
+$(resizeMe).on("resize", function(e) {
+  // вывести результат
+  $('#info').html("ширина:" + e.newWidth + ", высота:" + e.newHeight);
+});
+```
+
+Минимальный размер изображения 3x3, меньше ресайзить нельзя.
+
+В исходном документе есть ссылка на <a href="http://js.cx/clipart/handle-se.png">картинку handle-se.png</a> для правого-нижнего угла.
+
+[edit src="task" task/]