点击图片放大网页设计(html5点击图片放大)

Axure淘宝商品图片放大效果原型制作步骤一页面布局 1拉入一张大小为400*400和800*800的照片分别命名为小图和大图，并将大图转为动态面板，命名为放大窗口，大小设置为400*4002再拉入一个矩形，背景色填充；#39此方法，在点击图片后，会显示原图大小 lt%if rsquotimagesquotltquotquot then responsewritequotquot% #39不取资料库中的资料，设定图片及图片存放的路径分别为girlgif 及images。

还可以使用浏览器右下方的快捷按键，来调整网页的大小或者使用“Ctrl+鼠标滑轮上下”来调整网页大小IE浏览器的时候，在IE浏览器的界面中选择点击“工具”在工具，鼠标移动到“缩放”在弹出的放大缩小中，选择要放大的；在页面中加个层，点击图片时将图片地址再放到层中整个放大 function clickImgobj var dv=documentgetElementByIdquotdiv1quotdvinnerHTML=quotquot。

com关於页面图片没有变化的问题有可能是你IE缓存的问题你可以在你的路径后加上id=1如“+Mathrandom这样并没有什麼意义只是改一下路径，不再从缓存里读已存的资料；可以用js控制图片的大小，元素stylewidth，元素styleheight。

一效果预览点击图片全屏效果预览鼠标悬停扩大图片预览二点击图片全屏化1添加内联框架Axure新建页面，在基本元件中选择内联框架，拖拽进页面，点击样式，勾选隐藏边框2添加图片元件和底部控件按照下；1用CSS，可以实现这种效果很简单，但是不好看，容器宽高度设置为大图片的宽高度，将图片做成背景，在hover里面写个大图的背景就行了，这样挺难看的，从小图变大图没有过度，一步到位2用js做，不贴代码了，你可。

用js实现图片点击时放大，再点击恢复的方法1页面定义区片区域 2定义js方法的mouseover和mouseout事件documentreadyfunction #39#Img1， #Img。

点击图片放大网页设计方法

1、用js，先是一个小图片缩略图，onMouseOver时触发js写的Function，当然Function中是处理方法这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找。

2、代码ltIMG srcquot小图片地址quotonClick=quotzoomthis，#39大图片地址#39quotwidth=quot130quotheight=91插入的图片加上onClick点击效果用JS定义zoom为点击放大效果。

3、function zoomIn 此处点击图片时会将图片放大到原来的三倍大小，重复点击一直放大 var imgNode = documentgetElementByIdquotimagequotvar width = imgNodewidthvar height = imgNodeheightvar width_tmp =。

4、1首先打开html编辑器，设置一个div并对div设置固定宽度和高度，还要在div里面插入一张图片2接着在上方设置div和img的样式，将图片的宽度设置为何父级一样的宽度，代码就是“width100%”这里的100%会自动跟随父级。

5、function #39showPic#39lightBox 2在连接中调用，class=quotshowPicquot是必要的 lta href=quot81jbtcadminimage20105222jpgquot target=quot_blankquot class=quotshowPic。

html5点击图片放大

1、按上面朋友说的方法，基本对， 只可以修改一个尺寸，否则图片会变形的在网页编辑软件里，选中图片，按住Shift键，鼠标放到图片的右下角，就可以拖动鼠标，来放大缩小图片了，这样图片的尺寸比例也是不会变的，不会变形。

2、问题七请求网页设计高手帮忙解决一下在网页中点击图片可放大的代码怎么写 @@图片放大 function zoomIn 此处点击图片时会将图片放大到原来的三倍大小，重复点击一直放大 var imgNode = documentgetElementById。

3、这个是用层实现的，鼠标点击小图片放大的原理是设置了一个mouseonclick事件，具体事件是将小图片隐藏，然后大图片显示，大小图片是用层来实现的，然后在层的设置那里，有一个眼睛的图标，你点击显示还是隐藏就可以看到效果了。