多次縮放圖像

Question

如果我第一次單擊+或 - 按鈕，下面的腳本正在使用縮放比例縮放圖像。第二次單擊按鈕時它不縮放。如何在後續點擊上縮放圖像？ HTML

<div="myImage"> 
<input type="button" value="+" onclick="javascript:btnZoomInplus();"/> 
<input type="button" value="-" onclick="javascript:btnZoomOutminus();"/> 

<img src="vegetable.jpg"/> 
</div> 

腳本

function btnZoomInplus(){ 
     document.getElementById('myDiv1').style.webkitTransform = 'scale(1)';    
} 
function btnZoomOutminus(){  
    document.getElementById('myDiv1').style.webkitTransform = 'scale(0.5)'; 
} 

Answer 1

我想你會想，以保持事半功倍的變量。轉換始終應用於您的原始內容，因此您不斷將其轉換爲1

var multiplier = 1; 
function btnZoomInplus(){ 
    multiplier = multiplier + 0.5; 
    zoom();    
} 

function btnZoomOutminus(){  
    multiplier = multiplier - 0.5; 
    zoom(); 
} 

function zoom() { 

    document.getElementById('myDiv1').style.webkitTransform = 'scale('+ multiplier +')'; 
} 

同樣適用於縮小。

當然，您可以添加支票不低於0而不高於某個最大縮放量。