Javascript jquerychanged";href";值,但不';以后不能正确显示
我是这个网站的新手,希望我问的问题是正确的。我在网上寻找答案,但找不到任何解决办法 基本上,我有一张大图,下面是一张小图。理想的结果是,当点击小图片时,它应该与大图片一起改变位置(小图片变大,大图片变小)。此外,当图片处于#大屏幕时,我有一个缩放脚本,使用更大版本的图片。这是我更改和标记属性的脚本Javascript jquerychanged";href";值,但不';以后不能正确显示,javascript,jquery,html,Javascript,Jquery,Html,我是这个网站的新手,希望我问的问题是正确的。我在网上寻找答案,但找不到任何解决办法 基本上,我有一张大图,下面是一张小图。理想的结果是,当点击小图片时,它应该与大图片一起改变位置(小图片变大,大图片变小)。此外,当图片处于#大屏幕时,我有一个缩放脚本,使用更大版本的图片。这是我更改和标记属性的脚本 $('#small img:nth-of-type(1)').click(function(){ if ($('#med1').attr('src') == 'images/m-<
$('#small img:nth-of-type(1)').click(function(){
if ($('#med1').attr('src') == 'images/m-<?php echo $src; ?>.jpg') {
$('#big1').attr('href','images/<?php echo $src; ?>_2.jpg');
$('#med1 ').attr('src','images/m-<?php echo $src; ?>_2.jpg');
$('#small img:nth-of-type(1)').attr('src','images/m-<?php echo $src; ?>.jpg');
console.log($('#big1').attr('href'))
} else {
$('#big1').attr('href','images/<?php echo $src; ?>.jpg');
$('#med1 ').attr('src','images/m-<?php echo $src; ?>.jpg');
$('#small img:nth-of-type(1)').attr('src','images/m-<?php echo $src; ?>_2.jpg');
console.log($('#big1').attr('href'))
}
});
$(“#小img:n类型(1)”。单击(函数(){
if($('#med1').attr('src')=='images/m-.jpg'){
$('big1').attr('href','images/_2.jpg');
$('med1').attr('src','images/m-_2.jpg');
$(“#小img:n类型(1)”.attr('src','images/m-.jpg');
console.log($('#big1').attr('href'))
}否则{
$('#big1').attr('href','images/.jpg');
$('med1').attr('src','images/m-.jpg');
$(“#小img:n类型(1)”.attr('src','images/m-_2.jpg');
console.log($('#big1').attr('href'))
}
});
我使用console.log()检查脚本是否向标记传递了正确的参数,以及是否传递了正确的参数。但不管出于什么原因,它都不起作用(缩放图像不会改变)。以下是中的代码,其中包含大图片和缩放图片:
<div id="big">
<?php
echo "<a href=\"images/" .$src. ".jpg\" class=\"zoom\" id=\"big1\"><img src=\"images/m-". $src. ".jpg\" class=\"big\" id=\"med1\"></a>" ;
echo "<a href=\"images/" .$src. "_1.jpg\" class=\"zoom1\" id=\"big2\"><img src=\"images/m-". $src. "_1.jpg\" class=\"big\" id=\"med2\"></a>" ;
?>
</div>
告诉我,如果你需要现场演示来查看它或任何其他信息。我真的迷路了。脚本成功地更改了图片,如果我们可以信任console.log(),它成功地更改了标记的href,但从视觉上看,缩放图像没有更改。请帮忙
编辑:这是现场演示:
这是因为您的easyzoom.js文件正在加载图像副本,以便在您最初调用它时显示在缩放中。然后鼠标盖使用该图像。您需要对此进行更改。缩放功能通过以下语句激活:
$('a.Zoom').easyZoom()代码>。更新图像时,还必须更新缩放功能。您可以在更新href:$('#big1').easyZoom()后尝试使用此选项代码>我们需要现场演示才能找到您真正想要的东西!:)我用链接编辑了我的帖子。询问您是否需要更多信息,但它工作正常,问题出在哪里?它工作不正常。当你点击底部的小图片时,它会改变与大图片的位置。但是,当你浏览左侧刚刚改变的“新”大图时,它会缩放旧图。我如何才能回忆easyzoom.js或切换图像?我知道这可能是个问题,但后来我看到console.log()成功地更改了href attributeAs,Fernando建议我应该调用该函数。不管怎样谢谢你的帮助谢谢你,这就是它的工作原理。我几乎可以肯定这就是问题所在,但不知道如何解决它。没想到我能再打一次。谢谢你的帮助