实现移动端点击图片放大，两指缩放 scale.js实现

本文转载自查看原文 2019-03-28 11:01 2631 JavaScript/ Jquery/ scale.js 双指缩放

<!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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 移动端点击图片放大 ionic图片点击放大，双指缩放移动端实现点击图片预览放大+手势缩放功能 js实现点击图片，然后图片放大 js实现移动端图片预览：手势缩放，手势拖动，双击放大... js实现点击图片弹出放大效果 JS实现点击图片放大、关闭效果 js实现图片点击弹出放大效果原生JS实现图片拖拽移动与缩放原生JS实现图片拖拽移动与缩放