ドラッグとサイズ変更が可能な 2 つのボックスがあります。ボックスはドラッグしてサイズ変更しますが、その中の画像は変更しません...これはどのように機能するのでしょうか?
JQuery:
$( "#draggableNW" ).draggable().resizable({
alsoResize: '#img1',
aspectRatio: true
});
$( "#draggableNE" ).draggable().resizable({
alsoResize: '#img2',
aspectRatio: true
});
HTML:
<div id="draggableNE" class="ne" style="width:100px; height:60px; z-index:30; position:absolute; background:blue">
<img src="http://jsfiddle.net/img/logo.png" width="100" id="#img2"></img>
</div>
<div id="draggableNW" class="nw" style="width:100px; height:60px; z-index:30; position:absolute; right:0; background:red;">
<img src="http://jsfiddle.net/img/logo.png" width="100" id="#img1"></img>
</div>
フィドル: