javascript - ライブ時に画像のサイズを変更する方法はありますか？

Question

たとえば、firebugに似たものを使用して、他のページ要素がどのようにラップされているかを確認できます。http://makiapp.com/maki以外は、このようなものは知りません。これは便利ですが、たとえば画像の周りにテキストを折り返さないため、理想的ではありません。

Webサイトで直接画像のサイズを変更する方法はありますか？

Answer 1

正確に何が欲しいのかはっきりしていませんが、それでも私はフィドルを作りました：http: //jsfiddle.net/sveinatle/r8J9F/2/

これを自分のページで使用する場合は、コードをそのまま追加し、resizableサイズを変更できるようにする任意の要素（画像である必要はありません）にクラスを追加できます。

ソースを変更せずにページで使用する場合は、Firebugを開いてコンソールでコードを実行し、$('.resizable')サイズを変更する要素に一致するものと選択を入れ替えるだけです。$('*')すべてにそれを適用します。

コード：

var startX,startY,
    startW,startH,
    $box=null;
$('.resizable').mousedown(function(e){
    startX = e.pageX;
    startY = e.pageY;
    $box = $(this);
    startW = $box.innerWidth();
    startH = $box.innerHeight();
    return false;
});

$('body')
    .mouseup(function(){
        $box = null;
        return false;
    })
    .mousemove(function(e){
        if($box!=null){
            $box.innerWidth (startW + e.pageX-startX);
            $box.innerHeight(startH + e.pageY-startY);
        }
    });