这个可以用CSS实现就好了。不必要使用JS 图片放大效果的话，建议用一个额外的 div层放置放大后的图片，这样布局就不会乱了。鼠标放上去就显示这个层。
创新互联公司是一家专业提供新市企业网站建设,专注与成都网站设计、网站建设、HTML5、小程序制作等业务。10年已为新市众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
将你的模板放到templets文件夹中。注意这里的templets目录不是dede/templets目录，是根目录下的templets目录。将HTML文件的后缀改成.htm。
先把CSS文件放到 static 下对应的文件夹里，因为变量都是指定到此目录的。
1、当我们要显示后台传过来若干个尺寸不一的图片时，为了保证图片大小的一致性及比例的协调，需要动态改变图片显示尺寸。通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。
2、首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。
3、可以通过cover和contain来对图片进行伸缩。
4、使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。
5、通常，我们可以给图片设置一个CSS属性，定义其高度和宽度。但有时候，我们只希望控制图片的最大可见大小。这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。
6、输入css样式代码：body {background： url(imagejpg) no-repeat；background-size： 250px；}。最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。
使用JS的document.getElementById(ID).innerHTML获取标签内容。修改的只需在后面加上=即可。实例演示如下：HTML的DOM设计。设计两个DIV，其中第一个div放入入一些文字。
利用js代码首先创建一个div，document.createElement(div)； 确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。 确定位置之后，显示div即可。
打开浏览器，点击页面中的按钮，下方就显示出js的字样了：最后按下f12调出控制台，在控制台中可以看到插入的div结构，以此验证插入的内容是正确的。