javascript - Smooth Zoom Pan - 动态加载图片上的 jQuery 图像查看器

Question

我正在尝试在动态加载的图片上应用平滑缩放平移，如下所示：

  <div id="imgDiv" class="img-fluid"></div>
  function createImg() {
        var div = $("#imgDiv");
        div.empty();
        var newImg = new Image();
        newImg.id = 'myImg';
        newImg.useMap = '#buildingMap'
        newImg.setAttribute('class', 'img-fluid');
        newImg.attr("src", 'data:image/jpg;base64, ' + imgContent);
        div.append(newImg);
   }

imgContent是我通过 AJAX 调用从数据库中获取的图像的 Base64 内容。

创建镜像后：

setTimeout(function () {
    $('#myImg').smoothZoom({
        width: 500,
        height: 500
    });
   }, 500);

结果，我只得到一个带边框的白色空 div

任何建议如何解决这个问题？

标签： javascriptjqueryjquery-plugins