1、这个一般是用css来显示特定内容的譬如有张图片iconpng，里面有很多内容，便可以在css中这么用sa width20pxheight20pxoverflowhiddenbackgroundurliconpngnorepeat 20px 30px 注解宽度和高度是。

2、我这里有个附加demo 和含文档说明的例子希望可以帮助你 jQuery Cloud Zoom图片放大镜插件 我爱模板推荐 jQuery Cloud Zoom图片放大镜插件想要类似淘宝京东产品展示图片放大效果么，Cloud Zoom是一款不错的选择它。

3、这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果代码 一，包含文件 二，HTML部分DIV层内所用图片链接jQuery插件。

4、2添加“onmouseover”js事件，首先使用“documentgetElementById”获取到图片标签，然后定义鼠标移动到图片上时发生的事件，这时图片将会放大3添加“onmouseout”js事件，首先获取图片标签，然后定义鼠标移开图片时发生的事件。

5、输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器运行indexhtml页面，此时成功将矩形图片只显示了正方形部分4点击小图后，成功显示了大图。

6、function myFunction var src=$quot#imgipquotattrquotsrcquotquot#imgidquotattrquotsrcquot，srcquot#dividquotcssquotdisplayquot，quotblockquot function myFunc quot#dividquotcssquotdisplayquot，quotquot。

7、点击图片出现大图片这个和php无关，这个是javascript的内容用jquery吧，各种华丽效果插件，用起来也简单的很。

8、回答copy运行我如下代码 lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401ENquot quot strictdtdquot lthtml lthead ltmeta。

9、inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrc 引一个jquery文件，图片地址替换一下就可以了。

10、分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下 var img = documentgetElementById#39img#39function bigger = #39。

11、你用JS设计一下鼠标的点击事件，然后实现滑轮的缩放。

12、所以你这代码循环后产生的a标签的id都是example1，所以就出问题了可以考虑用类class来代替ID，而类是允许重复的lta class=quotexample1quot title=quotquot href=quotlt%=rs3quotheadimgquot%quot然后jQuery中用 $quot。

13、图片放大可以用和这个方法，图片放大后不会失真 第一步，添加需要放大的图片 第二步，批量添加，如果多余可以删除 第三步，可以选择风格，降噪程度 第四步，选择放大倍数 第五步，自定义输出位置 第六步，设置完成后点击。

14、先关闭弹出层，后关闭遮罩层5点击按钮后，弹出，要给按钮加上onclick函数，点我，显示弹出层6整体代码如下，css 样式可根据个人的喜好自行添加。

15、由远到仅需要做图片的效果或者用css3效果也行，但目前的兼容性不行div固定大小 js，jquery只用setTimeoutsetInterval函数进行图片由小变大，宽度到底指定宽度后停止放大。

16、var flag=false用来记录是第一次点击还是第二次点击图片function check处理函数 ifflag==false第一次点击，放大图片 flag=ture 放大图片 else第二次点击，缩小图片 flag=false。