이동 단점 격자 사진 확대를 실현하고 두 손가락으로 scale를 축소합니다.js 구현

6856 단어
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">Xdiv>
            <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>

 
다음으로 전송:https://www.cnblogs.com/150536FBB/p/10613583.html

좋은 웹페이지 즐겨찾기