动态更改缩放插件中的图像背景大小？

Question

• 正在使用elevatezoom中的 jquery.elevatezoom 。

• 我编写了用于缩放图像的代码，并使用从服务器获取的base64转换。

• 我的代码是： HTML

• '<'label id="lblImages" >Image :'<'/label> '<'div id="images" style="width:60px; height:60px;display: inline-block; border-style:solid; ">'<'/div>

• 我的 javascript 代码，即响应回调函数是：

  var ImageStrSnap = "data:image/jpg;base64,"+response.Data.Images;//here base64 img string var images = new Image(); images.src = ImageStrSnap; images.id = "snapImage"; $('#images').html(images);
$('#images img').css("height","60px"); $('#images img').css("width","60px"); $('#snapImage').attr('data-zoom-image', ImageStrSnap);
// $('.zoomWindow').css('background-size','460px 460px'); //not worked $('#snapImage').elevateZoom({zoomWindowPosition: 5,zoomWindowOffetx: 10}); // $('.zoomWindow').css('background-size','460px 460px'); //无效

• 我遇到的问题是当我将鼠标放在宽度为400px＆amp;的开窗容器上时图像只显示在半屏幕中。

来自服务器的

• 我的图像尺寸为144px 176px（如果图像变为460px 460px，其工作方式与演示相同）。

• 任何有关插件的帮助或建议。

• 其工作图像为：

• 其工作图像为：

• 对于所有尺寸的图像，如何与第一个相同。