layui 第三方組件平臺

返回首頁 發(fā)布組件

仿windows圖片查看器,彈窗模式查看圖片,支持圖片拖拽和滾輪縮放。

更新:2020-12-11 創(chuàng)建:2021-1-15

文檔

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

//調用示例
layui.config({
base: '../../../layui_exts/' //配置 layui 第三方擴展組件存放的基礎目錄
}).extend({
dragMove: 'dragMove/dragMove'
}).use(['dragMove'], function(){
var dragMove = layui.dragMove;

//執(zhí)行示例
dragMove.render({
elem: "#imgDragmove", //指向圖片的父容器
layerArea: ["960px","720px"], //窗口的寬高,同layer的area,默認["960px","720px"]
layerShade: 0.6, //遮罩的透明度,同layer的shade,默認0.6
layerMove: false, //觸發(fā)拖動的元素,同layer的move,這里默認禁止,可設置為'.layui-layer-title'
maxZoom: 1 //圖片能放大的最大倍數(shù),默認1倍
});
});
仿windows圖片查看器,彈窗模式查看圖片,支持圖片拖拽和滾輪縮放。暫時不支持窗口的縮放和圖片切換。

下載

立即下載
該擴展組件由第三方用戶主動投遞,并由其自身進行維護,本站僅做收集。