<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>图片缩放</title> <link rel="stylesheet" type="text/css" href="scale.css" /> <style type="text/css"> .list img{ width: 200px; height: 200px; } </style> </head> <body> <div class="list"> <img src="frog.jpg" /> <img src="frog.jpg" /> </div> <section class="imgzoom_pack"> <div class="imgzoom_x">X</div> <div class="imgzoom_img"><img src="" /></div> </section> <script src="scale.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function(event) { ImagesZoom.init({ "elem": ".list" }); }, false); </script> </body> </html>