2013-11-27 80 views
0

我有兩個圖像的加號和減號。我想讓這些圖像變成一個zom並縮小另一個圖像的按鈕。製作圖像放大和縮小按鈕

<div id="container"> 
    <div id="upperMall" > 
     <img alt="" height="972" src="images/UpperMall.png" width="1728"> 
    </div> 
</div> 

<div id="zoom"> 
    <img alt="" height="75" src="images/btnMinus.png" width="75"> 
    <img alt="" height="75" src="images/btnplus.png" width="75"> 
</div> 
+1

你能告訴我們你試過的代碼嗎? – ahren

回答

9

對不起,我工作了。

$(document).ready(function() { 
    $('#zoom-in').click(function() { 
     $('#pic').width($('#pic').width()*1.2) 
     $('#pic').height($('#pic').height()*1.2) 

    }) 
     $('#zoom-out').click(function() { 
     $('#pic').width($('#pic').width()/1.2) 
     $('#pic').height($('#pic').height()/1.2) 

    }) 
}); 
+0

謝謝。這幫了我,我正在尋找。好東西 :) – PourMeSomeCode