Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 缩放图像href值未设置_Javascript_Jquery_Zooming - Fatal编程技术网

Javascript 缩放图像href值未设置

Javascript 缩放图像href值未设置,javascript,jquery,zooming,Javascript,Jquery,Zooming,我正在使用鼠标悬停缩放图像。我通过从列表中单击来更改图像,但当我第一次单击时,缩放效果良好。当我单击另一个图像时,我会在控制台上查看当前的href值,它看起来很好,但缩放图像没有改变 函数setImage(源代码){ //console.log(源代码); $('a#zoom_img').attr('href','http://localhost:8080/ipfs/"来源",; $('#displayimage').attr('src','http://localhost:8080/ipfs

我正在使用鼠标悬停缩放图像。我通过从列表中单击来更改图像,但当我第一次单击时,缩放效果良好。当我单击另一个图像时,我会在控制台上查看当前的href值,它看起来很好,但缩放图像没有改变

函数setImage(源代码){
//console.log(源代码);
$('a#zoom_img').attr('href','http://localhost:8080/ipfs/"来源",;
$('#displayimage').attr('src','http://localhost:8080/ipfs/"来源",;
console.log($('zoom_img').attr(“href”);
$('.easyzoom').easyzoom();
}

您需要使用
.swap()
功能。有关更多信息,请查看。下面是一个小片段来演示:

//初始化easyzome并获取api引用
var easyzoom=$('.easyzoom').easyzoom();
var api=easyzoom.data('easyzoom');
//此函数使用.swap()更改图像
//它由按钮onclick属性调用
功能开关\u图像(标准\u src、缩放\u src){
//std_src=标准映像的源(小版本)
//zoom_src=缩放图像的源(大版本)
api.swap(标准型、缩放型);
}

切换到图1
切换到图2



从:
.swap(标准src、zoomSrc、[srcset])
。轻松切换标准和缩放图像源。要通过srcset属性显示视网膜图像,请使用可选的srcset参数。@wayneOS是否应替换$('.easyzoom').easyzoom();美元(“.easyzoom”)。掉期(a、b、c);?我不明白交换是怎么回事used@i在我的回答中给你举了个例子。希望把事情弄清楚;)