使图像成为放大和缩小按钮

时间:2013-11-27 12:44:11

标签: jquery image button zoom

我有两个加号和减号的图像。我想把这些图像变成一个zom in并缩小另一个图像的按钮。

<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 个答案:

答案 0 :(得分:10)

抱歉,我把它解决了。

$(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)

    })
});