亚洲视频二区_亚洲欧洲日本天天堂在线观看_日韩一区二区在线观看_中文字幕不卡一区

仿微信朋友圈圖片預(yù)覽(移動(dòng)端)主要用了jquerypinchzoom兩個(gè)框架構(gòu)造開發(fā)過程中只用到touch事件所以只手機(jī)設(shè)備上有效果功能有屏幕手勢(shì)捏大捏小、雙擊圖片放大、左右滑動(dòng)等。

注意：左右滑動(dòng)是用touch事件做處理的,只能對(duì)手機(jī)設(shè)備有效果，html結(jié)構(gòu)和類名不要亂動(dòng)，html結(jié)構(gòu)和類名沒有做封裝處理。

html結(jié)構(gòu)和類名示例: 

<div class="img_show_box">
    <div class="img_show_content">
        <div class="img_show_list"></div>
    </div>
    <div class="img_show_pointer"></div>
</div>

操作說明：將你要展示的圖片路徑集成一個(gè)數(shù)組，然后將數(shù)組傳入imgShow()函數(shù); 

示例: 

let imgArr = [
    'img/img1.png',
    'img/img2.png',
    'img/img3.png'
];
imgShow(imgArr);