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

标签 jquery image button zooming

我有两张正号和负号的图像。我想将这些图像制作为另一个图像的放大和缩小按钮。

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

最佳答案

抱歉,我已经解决了。

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

    })
});

关于jquery - 使图像成为放大和缩小按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20242871/

相关文章:

android - 从MySQL获取URL图片并显示在android listView(setImageURI)

html - 如何创建一个类似于链接的 HTML 按钮?

Android 按钮选框

javascript - Jquery 滑动到可见性隐藏?

jQuery:如何从元素中删除嵌入样式?

image - 如何检索在 google 上找到的只有缓存 url 的图像?

java - Android:通过代码动态插入图像按钮

javascript - 单击时页面自动刷新

javascript - 从非未显示的 UL 中选择 LI 子项

javascript - 在 SlideUp 动画结束之前再次触发函数时,动画会出现故障