Javascript JQzoom-更改图像源后缩放图片不可移动
我正在使用JQuery在我的网站上缩放图像。我还创建了一些图标,如果我点击它,这些图标会将图像变为缩放。不幸的是,图像更改后,缩放的图像不再可移动。我只能在缩放窗口中看到图像的顶部。但是当我向下移动鼠标时,什么也没发生。有人知道我做错了什么吗 以下是我的java脚本函数的源代码,单击其中一个图标即可调用该函数:Javascript JQzoom-更改图像源后缩放图片不可移动,javascript,jquery,html,zooming,jqzoom,Javascript,Jquery,Html,Zooming,Jqzoom,我正在使用JQuery在我的网站上缩放图像。我还创建了一些图标,如果我点击它,这些图标会将图像变为缩放。不幸的是,图像更改后,缩放的图像不再可移动。我只能在缩放窗口中看到图像的顶部。但是当我向下移动鼠标时,什么也没发生。有人知道我做错了什么吗 以下是我的java脚本函数的源代码,单击其中一个图标即可调用该函数: function changePicture(imgSrc) { document.getElementById("main-image-js").setAttribute("s
function changePicture(imgSrc)
{
document.getElementById("main-image-js").setAttribute("src", imgSrc);
document.getElementById("main-image-zoom").setAttribute("href", imgSrc);
$(".zoomWrapperImage").children('img').eq(0).attr("src", imgSrc);
}
要缩放的图像的实现方式如下:
<a class="main-image" href="Picture1.jpg" id="main-image-zoom" title="Zoom">
<img id="main-image-js" src="Picture1.jpg" width="380" style="display: inline; cursor: pointer;"></a>
谢谢并致以最诚挚的问候。在更改图像源之前,您应该清除jQZoom中的数据:
function changePicture(imgSrc)
{
cleanJqzoom();
$("#main-image-zoom").attr('href', imgSrc);
$("#main-image-js").attr('src', imgSrc);
initJqzoom();
}
function initJqzoom() {
$('.main-image').jqzoom();
}
function cleanJqzoom() {
// clean the data from jQZoom
$('.main-image').removeData('jqzoom');
}
在更改图像源之前,应清除jQZoom中的数据:
function changePicture(imgSrc)
{
cleanJqzoom();
$("#main-image-zoom").attr('href', imgSrc);
$("#main-image-js").attr('src', imgSrc);
initJqzoom();
}
function initJqzoom() {
$('.main-image').jqzoom();
}
function cleanJqzoom() {
// clean the data from jQZoom
$('.main-image').removeData('jqzoom');
}