0

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

ただし、複数の画像では機能しません。誰も私がそれを解決する方法を知っていますか?

4

1 に答える 1

1

私は .js ファイルで (ドキュメント) を歩いていました。それで、それは一度だけ働いていました。以下のように .js ファイルを編集しました。

$(function(){
    $('#thumbnails img').each(function() {
        var original_img_url = $(this).attr('data-zoom-url');
        $(this)
        .parent()
        .zoom({url: original_img_url});
    });
});
于 2012-09-26T07:36:05.360 に答える