Масштабировать изображение от текущего размера, а не от исходного размера - PullRequest
Новая
       16

Масштабировать изображение от текущего размера, а не от исходного размера

0 голосов
/ 21 марта 2012

В основном я пытаюсь масштабировать img с id = "room" в соответствии с параметром, который будет +1 или -1 (и это константа, которую я хочу масштабировать + -10%)

вот как я пытаюсь 

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;
}

Это обнаружение внутри колеса,

Таким образом, у него есть два этапа: + 10% от исходного размера и -10% от исходного размера. Я просто не знаю, почему не масштабируется в соответствии с текущим размером (вместо оригинального размера)

что я делаю не так?

Если вы хотите увидеть то, что я, вероятно, плохо объяснил, пожалуйста, отметьте http://toniweb.us/m/3d/adam.html (но колесико мыши только за пределами изображения)

Спасибо

1 Ответ

1 голос
/ 21 марта 2012

у вас есть два элемента с одинаковым идентификатором:

и image Это должно сработать, но я предлагаю вам сделать ваш 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;
}
...