使用jacklmoore的jquery zoom缩放多个图像

Question

我正在使用jacklmoore的jquery zoom（jacklmore's）（mouseOver函数）

在我看来;

<% @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});
    });
});