縮放圖像jQuery

我在頁面上使用縮放圖像jQuery腳本。當我必須顯示一個圖像時它工作正常，但當我在標記中注入3個不同圖像時失敗。我想知道如何編輯我的腳本，以便可以在頁面上多次使用引用的jQuery腳本。縮放圖像jQuery

HTML和綁定腳本如下所示

<div id="zoomcontainer"> 
<div class="zoomapp" id="zoomapp"> <img id="imgRecord" class="jqzoom" src="/demo-image.jpg"/> 
<div id="zoomerNav"> <a id="btn_up" href="#"></a> <a id="btn_dn" href="#"></a> <a id="btn_left" href="#"></a> <a id="btn_right" href="#"></a> <a id="btn_plus" href="#"></a> <a id="btn_minus" href="#"></a> <a id="btn_home" href="#"></a> </div> 
    </div> 

    <script type="text/javascript"> 
         $(function() { 
          $('#imgRecord') 
         .grViewer({ zoomLimit: 2, renderScale: 0.5 }) 
         .bind('load', function() { $('#zoomapp').css('background', $('#zoomapp').css('backgroundColor')); }); 
         }); 
        </script>

來源

2012-03-30 gek

，而不是'＃imgRecord'（ID）試圖使用'.imgRecord'（CLASS） – 2012-03-30 10:53:24

這是我第一次嘗試修復，但沒有工作，這就是爲什麼我發佈這個。我希望這會很容易。 – gek 2012-03-30 11:10:15

無法分辨您發佈的.grViewer究竟是什麼。 – 2012-03-30 11:39:34

也許這會有所幫助：

$(function() { 
    $('.imgRecord').each(function(){ 
     $(this) 
      .grViewer({ zoomLimit: 2, renderScale: 0.5 }) 
      .bind('load', function() { $('#zoomapp').css('background', $('#zoomapp').css('backgroundColor')); }); 
    }); 
});

來源

2012-04-05 03:17:02 Rustam

縮放圖像jQuery

回答

相關問題