JS点击图片放大预览

最新推荐文章于 2025-11-14 16:02:26 发布

原创最新推荐文章于 2025-11-14 16:02:26 发布 · 7.3k 阅读

CC 4.0 BY-SA版权

<img id='photoimgId'  class="imgstyle" src="${fj.contentimg}" style="width:77px;height:77px;background-size:cover;z-index:999;" onclick="openFile(this,'photoimgId')"></img>

         function openFile(e,photoimgId){
            var imgSrc = "";
            imgSrc = $(e).attr("src");
            //imgSrc = imgSrc.replace(/url\("/,"");//去掉 url("
            //imgSrc = imgSrc.replace(/"\)/,"");//去掉后面的 ")
            imgSrc = imgSrc.replace(/\"/g, "");
            var pb = $.photoBrowser({
                items : [ imgSrc ],
                onClose: function() {
                  console.log("onClose", this);
                }
            });
            pb.open();
         }