我在页面里加了一个图形控件IMAG1,下面有两个button控件,一个是放大一个是缩小,请教大家如何能实现当用鼠标点击一下放大控件时这个图就放大一些,点击一下缩小控件时这个图就缩小一些,就像+  -  一样

解决方案 »

  1.   

    .net 图片放大缩小
      

  2.   

    你就用js直接放大可以的,下面这一行代码就可以搞定        //args传递true或者false,代表是放大还是缩小,imgid代表图片控件的ID
            function changeSize(args,imgid) {
                var oImg = document.getElementById(imgid);
                //20代表你想怎么变化,你可以修改
                oImg.style.zoom = parseInt(oImg.style.zoom) + (args ? +20 : -20) + '%';
            }
      

  3.   

     你也可以通过css来控制将图片放到一个<div id="pad" class="padMax">img....   btnMax btnMin</div>
    .padMax{
        width:expression(width>550?"550px":width+"px");
        max-width: 550px;
        height:expression(height>400?"400px":height+"px");
        max-width: 400px;
    }.padMin{
        width:expression(width>100?"100px":width+"px");
        max-width: 100px;
        height:expression(height>80?"80px":height+"px");
        max-width: 80px;
    }然后通过js替换div的样式。