easyzoom jquery插件的問題

我正在使用縮放功能的圖像庫，但是當我更改圖像時，縮放無法完成更改。這是我第一次使用jquery插件，所以我可能只需要向正確的方向微調。easyzoom jquery插件的問題

問題是，當我嘗試給我們的.swap（）我得到

類型錯誤：$ easyzoom.swap不是一個函數

的API裁判有這個 .swap（standardSrc，zoomSrc ）輕鬆切換標準和縮放圖像源。

我使用EasyZoom http://i-like-robots.github.io/EasyZoom/

代碼非常簡單，變焦工程初始圖像，但是當圖像互換，變焦仍然使用原始圖像。 .swap（）應該照顧它，但對於一些（可能非常簡單）的原因，我無法讓它工作。

HTML：

<div id="mview"> 
    <div class="easyzoom easyzoom--overlay"> 
     <a href="/media/test/IMG_20130403_084209_183.jpg" id="zoomsrc"> 
      <img src="/media/test/sm_IMG_20130403_084209_183.jpg" width="349" id="zoomview" /> 
     </a> 
    </div> 
    <!------> 
    <div id="imgbar"> 
    <img src="/media/test/tn_IMG_20130403_084209_183.jpg" width="60" /> 
    <img src="/media/test/tn_IMG_20130403_091502_782.jpg" width="60" /> 
    <img src="/media/test/tn_IMG_20130403_091511_640.jpg" width="60" /></div> 
</div>

的Javascript

$(document).ready(function() { 
     var $easyzoom = $('.easyzoom').easyZoom(); 
     $("#imgbar img").click(function(e) { 
      var bigImg=this.src.replace("tn_","sm_"); 
      var bigImgSrc=this.src.replace("tn_",""); 
      $("#zoomview").attr("src",bigImg); 
      $("#zoomsrc").attr("href",bigImgSrc); 
      console.log($easyzoom.data('easyzoom')); 
      // $('.easyzoom').swap(bigImg,bigImgSrc); //tried this too 
      $easyzoom.swap(bigImg,bigImgSrc); 
     }); 
    });

感謝您的時間看這個

中號

來源

2014-05-14 MikeG

你沒有訪問EasyZoom API。這裏$easyzoomElement.data("easyZoom")

我已經更新了您的示例代碼（http://jsfiddle.net/spidre409/6Z89g/）：每個實例通過jQuery的內部存儲保存到目標元素，可以像這樣訪問http://jsfiddle.net/6Z89g/2/

來源

2014-05-14 23:54:40

easyzoom jquery插件的問題

回答

相關問題