点击图片放大的代码（点击图片放大的代码是什么）

今天给各位分享点击图片放大的代码的知识，其中也会对点击图片放大的代码是什么进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、如何点击图片放大的代码
• 2、html中图片以中心放大的代码
• 3、请求网页设计高手帮忙解决一下在网页中点击图片可放大的代码怎么写？
• 4、FLASH里面图片点击放大的代码是什么?

如何点击图片放大的代码

所以直接说思路吧。

onlick函数里面判断一下点击状态就行了。

方法1：

用一个变量来存，clicktime = 0，

还没点击，clicktime =1 点了一次，clicktime =2 点了两次，

所以通过clicktime 的值来判断图片应该放大还是关闭。

方法2：

通过图片自身来判断，if(document.getElementByid(imgid).width==100)那么它就放大，if(document.getElementByid(imgid).width==500)那么它就关闭。style.display设置为none就行了

html中图片以中心放大的代码

html中图片以中心放大的代码如下：

div style=" width:300px; height:300px;margin-left:auto;

margin-right:auto; overflow:hidden; margin-top:100px;"

img id="img" onmouseover="bigger()" onmouseout="smaller()"

src=""

style="cursor:pointer;width:300px;height:300px;

transition:all 1s ease-out 0s; perspective-origin:bottom;"/

script type="text/javascript"

var img = document.getElementById('img');

function bigger(){

img.style.width = '400px';

img.style.height = '400px';

img.style.marginTop = "-50px";

img.style.marginLeft = "-50px";

}

function smaller(){

img.style.width = '300px';

img.style.height = '300px';

img.style.marginTop = "0px";

img.style.marginLeft = "0px";

}

/script

扩展资料：

在html中用js实现鼠标指向图片时图片放大的效果的代码如下：

img id="img" onmouseover="bigger()" onmouseout="smaller()"

src="你的图片路径" style="width:100px;height:100px;" /

script type="text/javascript"

var img = document.getElementById('img');

function bigger(){  img.style.width = '400px';  img.style.height = '400px'; }

function smaller(){  img.style.width = '100px';  img.style.height = '100px'; }

/script

请求网页设计高手帮忙解决一下在网页中点击图片可放大的代码怎么写？

html

head

title图片放大/title

script type="text/javascript"

function zoomIn(){

//此处点击图片时会将图片放大到原来的三倍大小，重复点击一直放大

var imgNode = document.getElementById("image");

var width = imgNode.width;

var height = imgNode.height;

var width_tmp = width*3;

var height_tmp = height*3;

imgNode.style.width = width_tmp+"px";

imgNode.style.height = height_tmp+"px";

}

/script

/head

body

img src="image/1.jpg" id="image" onclick="zoomIn()"/

/body

/html

希望可以帮到你

FLASH里面图片点击放大的代码是什么?

不需要2贞。

一贞

就好了。

点击后

将图片宽高

改变下。

然后

获得舞台的长宽

一半。

再

图片的长宽一半。

计算相差的距离。

然后

将

图片的X

Y坐标固定在这个差距上

以使得

图片

中心在舞台显示。

方向键控制

图片的

X

Y坐标的

+=

或是-=

以控制图片的移动。

在控制之前

加入

if

语句判断

图片的X

坐标

||

Y坐标是否超出

舞台的

0坐标。

当

大于0的时候

将图片

对应的坐标固定到0

。

另外计算

图片的

长

||

宽

以及舞台的

长||宽

如果

对应的

X

Y

小于

该数值的

-值

那么

固定在

2者

之差的坐标。

需要的话

我帮你做个例子好了。

QQ

397108304

点击图片放大的代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于点击图片放大的代码是什么、点击图片放大的代码的信息别忘了在本站进行查找喔。