1. 程式人生 > >使用layer 實現點選 顯示大圖

使用layer 實現點選 顯示大圖

由於開發時需要用到點選時顯示大圖的功能 遇到百度到一個比較好用的方法,適用程度比較高

廢話不多說,直接貼程式碼

#html部分

<div class="imgview"><img src=""https://avatar.csdn.net/B/7/0/1_qq_31878883.jpg?1541231590 alt="qq_31878883"></div>

#js部分程式碼(需要JQuery支援)

    /**
     * 全域性圖片放大事件
     */
    $("body").on("click", ".imgview", function (e) {
        layer.photos({photos: {"data": [{"src": e.target.src}]}});
    });