jQuery实现页面图片等放大缩小功能

HTML代码结构：

复制代码代码如下所示：

风格：

复制代码代码如下所示：
一个{宽度：300px；身高：300px；背景：# FFF；边框1px solid # 666；显示：内联块} / *宽度指定在这里需要一个标签，用于可选的背景和框架。
脚本（jQuery可以自己添加）：

复制代码代码如下所示：
$（函数（）{（））
VaR IMGS =（一美元> IMG）；
imgs.each（函数（）{（）
VaR img =美元（这）；
VaR的宽度= img.attr（'width '）； / /宽度
VaR高度= img.attr（'height '）； / /区域
无功showwidth =宽度； / /最后的显示宽度
无功showheight =高度； / /最后的高度
var比率=宽度/高度
img.load（函数（）{（）
无功imgwidth，imgheight，imgratio；
$（）。Attr（'src '，img.attr（'src '））。负荷（函数（）{（）{）
imgwidth = this.width； / /实际图片宽度
imgheight = this.height； / /图片的实际高度
imgratio = imgwidth / / / imgheight；实际的纵横比
如果（比> imgratio）{
showwidth =高度* imgratio； / /调整宽度太小
Img.attr（'width '，showwidth）。Css（'margin-left '，（宽showwidth） / 2）；
{人}
showheight =宽度 / / / imgratio；高度可调的太小了
Img.attr（'height '，showheight）。Css（'margin-top '，（高度showheight） / 2）；
}
}）；
}）；
}）；
}）；

这样，图像的比例放大就减小了。