Estoy tratando de aplicar Smooth Zoom Pan en una imagen cargada dinámicamente como esta:

 <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 es el contenido Base64 de la imagen que obtengo de la base de datos con una llamada AJAX.

Después de crear la imagen:

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

Como resultado, obtengo solo un div vacío blanco con bordes

¿Alguna sugerencia de cómo solucionar esto?