變焦與jacklmoore的jQuery的放大倍數圖像

Question

我使用jacklmoore的jQuery的變焦（jacklmore's）（鼠標懸停功能）

在我看來

;

<% @pictures.each do |picture| %> 
    <span class='zoom' id='ex1'> 
    <img src="<%= picture.image.url(:medium) %>" data-zoom-url="<%= picture.image.url %>" /> 
    </span> 
<% end %> 

並在我的jquery文件;

$('.zoom img').each(function(){ 
     var zoom_url = $(this).attr('data-zoom-url'); 
     $(".zoom").zoom({url: zoom_url}); 
    }); 

但它不適用於多個圖像。有誰知道我如何解決它？

Answer 1

我在我的.js文件中走過（文檔）。所以這是一次工作。我編輯了我的.js文件，如下所示;

$(function(){ 
    $('#thumbnails img').each(function() { 
     var original_img_url = $(this).attr('data-zoom-url'); 
     $(this) 
     .parent() 
     .zoom({url: original_img_url}); 
    }); 
});