現在のサイズからの縮尺イメージ

Question

基本的に私はid = "room"のimgを+1または-1になるようなパラメータにしたがって縮尺しようとしています。元のサイズから+ 10％、-10％：

これは私が、これはmouswheel検出の内側にある

を

function scalar(scaleP100){ /* scaleP100 is +1 or -1 (no other posible value)*/ 
        var addX = $('#room').width()*10*scaleP100/100; 
        var addY = $('#room').height()*10*scaleP100/100; 
        var newW = $('#room').width()+ addX; 
        var newH = $('#room').height() + addY; 
        $('img#room').css({'width':newW,'height':newH}); 
        console.log(newW +','+ newH+':'+$('img#room').length); 
        return false; 
} 

をしようとしていますので、それは2つの段階が持っているかで+ -10％） 元サイズです。私はちょうど理由がわからない現在のサイズに合わせて縮尺していない（元のサイズの代わりに）

私は間違って何をしていますか？ <：あなたは私はおそらくうまく説明していませんでした何を見たい場合は

、

おかげ

Answer 1

あなたが同じIDを持つ2つの要素を持っている（画像のみ外であるが、マウスホイール）http://toniweb.us/m/3d/adam.htmlをご確認ください。 DIV ID = "部屋" >と<のimg ID = "部屋" > これは動作するはずですが、私はあなたのhtmlクリーナーを作ることをお勧め..

function scalar(scaleP100){ /* scaleP100 is +1 or -1 (no other posible value)*/ 
    var addX = $('img#room').width()*10*scaleP100/100; 
    var addY = $('img#room').height()*10*scaleP100/100; 
    var newW = $('img#room').width()+ addX; 
    var newH = $('img#room').height() + addY; 
    $('img#room').css({'width':newW,'height':newH}); 
    console.log(newW +','+ newH+':'+$('img#room').length); 
    return false; 
}