jQuery改變了「href」值，但之後不能正確顯示

Question

我是新來的網站，希望我正確地問這個問題。我在網上尋找答案，但找不到任何解決方案。

基本上，我有一個大的圖片，並在一張小圖片下。期望的結果是當小圖片被點擊時，它應該改變大圖片的位置（小圖片變得大而大變小）。此外，當圖片在#big中時，我有一個使用較大版本圖片的縮放腳本。這是我的腳本改變的屬性和標籤

$('#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'))        
       }    
}); 

我用的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，但從視覺上來看，縮放圖像不會更改。請幫忙！

編輯：這是現場演示： http://look.pgmtplovdiv.info/kami/modeli.php?k_nomer=777

Answer 1

縮放功能用這句話激活：$('a.zoom').easyZoom();。當你更新圖像時，你也必須更新縮放功能。您可以在更新href：$('#big1').easyZoom();後嘗試使用此功能。

Answer 2

這是因爲你的easyzoom.js文件加載圖像的副本，在您最初叫它時的放大顯示。然後鼠標懸停使用該圖像。你需要改變它。