JS----图片显示出来后放大缩小

原创 2016年05月31日 12:45:31
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function()
        {
            /*var divpostion = document.getElementById("bu1");
            divpostion.style.position="absolute";
            divpostion.style.top=700;
            divpostion.style.left=700;*/


        }
        function show()
        {
            var divdo = document.getElementById("a");
            divdo.innerHTML="<img src='xx.jpg' id='im'>"
            var dis =document.getElementById("im");
            dis.height=300;
            dis.width=300;
        }
        function big()
        {
                 var di =document.getElementById("im");


                di.height= di.height+100;
                  di.width=di.height+100;
        }
        function ss()
        {
            var di =document.getElementById("im");
            di.height= di.height-100;
            di.width=di.height-100;
        }
    </script>
</head>
<body>
  <div id="a">xxxx</div>
<form>
    <input type="button"onclick="show()">
    <input type="button" value="放大"onclick="big();" id="bu1" style="position: absolute;top: 600px;left: 500px" >
    <input type="button" value="缩小"onclick="ss();" id="bu2"style="position: absolute;top: 600px;left: 700px" >
    <input>
</form>
</body>
</html>

前端jquery实现图片点击放大缩小

利用dom的垂直分层实现图片的点击放大和缩小(手机上使用的效果较好),在图片放大的时候同时禁止页面的滑动,如果在web端的话可以不禁止屏幕的滚动(因为图片放大是将图片的宽度变成100%,在web上长度...
  • gjq1993
  • gjq1993
  • 2017年02月15日 17:37
  • 1848

jquery实现图片缩小放大的切换

jquery 图片缩小放大的效果
  • LJTsun
  • LJTsun
  • 2016年03月09日 11:51
  • 918

matlab对图片进行放大和缩小

利用matlab 对数字图片进行放大缩小是matlab在数字图像处理上的一个简单的应用matlab库函数imresize()的功能就是这个,那么imresize具体怎么实现的呢,我们可以自己写一个my...
  • Scythe666
  • Scythe666
  • 2017年03月15日 10:06
  • 1568

java 图像的放大与缩小

图像的放大,需要补充没有的像素,常用的方法有
  • epleone
  • epleone
  • 2014年07月27日 16:03
  • 1612

我的Android进阶之旅------>android Matrix图片随意的放大缩小,拖动

原文地址:http://blog.csdn.net/ouyang_peng/article/details/8800994 step1:新建一个项目DragAndZoom,并准备一张...
  • Ivory_wiki
  • Ivory_wiki
  • 2016年10月26日 18:32
  • 857

Android中图片放大缩小(和ViewPager配合使用流畅显示)--第三方开源--PhotoView

时间 2015-11-28 23:49:00  博客园-原创精华区 原文  http://www.cnblogs.com/zzw1994/p/5003785.html 主题 ViewPager 开...
  • zhaihaohao1
  • zhaihaohao1
  • 2016年08月09日 14:23
  • 882

Jquery鼠标滚轮放大缩小图片

使用Jquery鼠标点击图片,划动鼠标滚轮放大缩小图片。 鼠标滚轮放大图片 img{ border:2px solid #...
  • lovegonghui
  • lovegonghui
  • 2015年11月10日 10:37
  • 4380

android ImageView 详解----按钮控制图片缩放(三)

prevision->http://blog.csdn.net/icedcap/article/details/20844643
  • icedcap
  • icedcap
  • 2014年03月15日 17:16
  • 1697

图片浏览器功能的实现(一)——图片放大与缩小功能实现

图片浏览在应用中是一种比较常用的功能,主要包括图片的放大、缩小、旋转、上下左右移动图片。LZ花了一天时间实现了一下这些功能,希望能够帮到阅读此博客的码农们。先把前期工作准备一下,创建一个UWP项目。页...
  • suixiangzhe
  • suixiangzhe
  • 2016年06月23日 17:03
  • 1558

Android自定义ImageView实现图片缩放滑动,双击放大缩小,多点触控缩放

转载请注明出处:http://blog.csdn.net/woshizisezise/article/details/47445605大家好,最近研究学习了一个自定义控件,ZoomImageView,...
  • woshizisezise
  • woshizisezise
  • 2015年08月12日 15:34
  • 5319
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS----图片显示出来后放大缩小
举报原因:
原因补充:

(最多只允许输入30个字)