这种属于客户端技术，应该首先想到用js来实现这里给你一个鼠标滚动缩放图片大小的js来参考第一个函数图片载入时自动调整大小，防止大图片撑开网页此处为对所有宽大于400的图片进行自动处理，第二个函数实现鼠标滚动调整图片大小将以下代码复制到记事本另存为html文件就可以看到效果改变图片大小；在进行图片浏览时，通常需要点击图片放大，以便查看详细文字信息这时，可以利用微信小程序中的`previewImage`组件使用`previewImage`组件时，只需在页面中放置一张图片即可代码示例如下在页面的TS或JS文件中，定义图片地址`pic`，确保为网络图片地址推荐使用小程序云端图片图片地址与页面；通过JS代码 documentgetElementById#39divID#39styleetElementById#39divID#39styledisplay = #39#39函数可以实现1遮罩层 ，即作为背景层，覆盖整个页面弹出层，即背景层上的一层，此层可根据#formtop 10% left 10%width 20%height 30%，调整弹出层的弹出位置。

这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果代码 一，包含文件 二，HTML部分DIV层内所用图片链接jQuery插件flyout弹出图片 三；2 代码实现在imageml文件中，只需包含三个image标签来显示图片数组imgList中的内容核心放大效果的实现依赖于官方提供的API，以下是实际操作的代码示例3 imagejs的代码片段 首先，定义一个图片数组 然后，编写一个点击图片的处理函数，当用户点击时，图片会放大并进入预览模式整个过程的；第一种方法将三张大图放在div里面，这三个div大小还有别的属性都一样，但是默认是隐藏的，display隐藏 displayblock显示 然后点击一张图片，对应的大图div显示出来，点击第二张，第一个大图div隐藏，第二个大图div显示第二种方法，只有一个大的div，里面放标签，但是src也就是路径是；用js，先是一个小图片缩略图，onMouseOver时触发js写的Function，当然Function中是处理方法这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找。

由远到仅需要做图片的效果或者用css3效果也行，但目前的兼容性不行div固定大小 js，jquery只用setTimeoutsetInterval函数进行图片由小变大，宽度到底指定宽度后停止放大；js做点小图弹出大图的，一般都是分成了2份图片文件的，一种小的缩略图，一种是大的图片；具体来说，我们首先需要一个背景图片作为展示的大图，再用一个小的透明方块来模拟鼠标拖拽的滑块，并通过JavaScript来控制这个小方块的位置当用户点击并拖动这个小方块时，大图的局部会被放大显示在另一个小方块上下面是具体的实现代码首先，我们定义一个包含大图的盒子，设置背景图片及其尺寸然后，创建；1新建html文档，在body标签中添加图片标签，为这个标签设置“id”属性，然后设置图片的默认显示大小css属性2添加“onmouseover”js事件，首先使用“documentgetElementById”获取到图片标签，然后定义鼠标移动到图片上时发生的事件，这时图片将会放大3添加“onmouseout”js事件，首先获取图片标签，然后。

1你可以用JS改变那张图片的SRC路径如documentgetelementbyidquotidquotsrc=quotquot当然路径里可以带上图看的高和宽这样来改变你的图片2就是像你说的，可以Display，来显示和隐藏3也可以是一个弹出层里面引用的一张较大的图片，这个代码有点多如果需要可以发MAIL我haven@a；用JavaScript实现图片点击放大再次点击恢复代码如下知识拓展JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途其主要作用是在不与服务器交互的情况下修改HTML页面内容，因此其最关键的部分是DOM文档对象模型，也就是HTML元素的结构通过Ajax可以使HTML页面通过JavaScr；将发下代码保存为网页 网页特效LinkwebcnJs 点击图片将其放大 lt！ function MM_showHideLayers v30 var i，p，v，obj，args=MM_showHideLayersargumentsfor i=0 iltargslength2 i+=3 if obj=MM_findObjargsi！=null v=argsi+2；图片按比例缩放 function DrawImageImg，WIDTH，HEIGHT var image=new Imageimagesrc=Imgsrcwidth=WIDTH预先设置的所期望的宽的值 height=HEIGHT预先设置的所期望的高的值 ifimagewidthwidthimageheightheight现有图片只有宽或高超了预设值就进行js控制 w=imagewidth。