32 lines
696 B
HTML
32 lines
696 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<script src="http://code.jquery.com/jquery.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<img style="width:500px;height:282px" id="heroes" src="https://js.cx/clipart/heroes.jpg">
|
|
|
|
Картинка для декорации правого-нижнего угла: <img src="https://js.cx/clipart/handle-se.png">
|
|
|
|
<div id="info"></div>
|
|
|
|
<script>
|
|
function Resizeable(options) {
|
|
/* ваш код */
|
|
}
|
|
|
|
var resizeMe = new Resizeable({
|
|
elem: $('#heroes')
|
|
});
|
|
|
|
$(resizeMe).on("resize", function(e) {
|
|
// вывести результат
|
|
$('#info').html("ширина:" + e.newWidth + ", высота:" + e.newHeight);
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|