29 lines
No EOL
1.1 KiB
Markdown
29 lines
No EOL
1.1 KiB
Markdown
# Менять размер картинки при помощи мыши
|
||
|
||
[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/] |