//HTML示例
<div id="imgDragmove">
  <img src="images/1920x1080.jpg" height="200" alt="圖片名">
  <img src="images/1920x400.jpg" height="200" alt="圖片名">
  <img src="images/400x900.jpg" height="200" alt="圖片名">
  <img src="images/400x400.jpg" height="200" alt="圖片名">
</div>

//調(diào)用示例
layui.config({
  base: '../../../layui_exts/' //配置 layui 第三方擴(kuò)展組件存放的基礎(chǔ)目錄
}).extend({
  dragMove: 'dragMove/dragMove'
}).use(['dragMove'], function(){
  var dragMove = layui.dragMove;
  
  //執(zhí)行示例
  dragMove.render({
    elem: "#imgDragmove", //指向圖片的父容器
    layerArea: ["960px","720px"], //窗口的寬高，同layer的area，默認(rèn)["960px","720px"]
    layerShade: 0.6, //遮罩的透明度，同layer的shade，默認(rèn)0.6
    layerMove: false, //觸發(fā)拖動(dòng)的元素，同layer的move，這里默認(rèn)禁止，可設(shè)置為'.layui-layer-title'
    maxZoom: 1 //圖片能放大的最大倍數(shù)，默認(rèn)1倍
  });
});

仿windows圖片查看器，彈窗模式查看圖片，支持圖片拖拽和滾輪縮放。暫時(shí)不支持窗口的縮放和圖片切換。