使用 will_paginate 单击图像时如何转到下一个记录集

发布于 2024-10-09 11:59:37 字数 1690 浏览 0 评论 0原文

我正在使用 Rails 3 和 will_paginate 来浏览照片。我让它正常工作，但我也希望用户可以通过单击图片而不是分页导航中的下一个按钮来查看下一条记录。与 facebook 图像查看或类似以下内容非常相似： http://exposure.blogocracy.org/ demos/demo1.html

我不知道 will_paginate 是否有任何参数允许其工作...任何帮助或指导将非常感激

控制器 - 图像 - 操作：画廊

def gallery
  @images = Image.all.paginate(:per_page => 1, :page => params[:page])
end

视图图像 - 画廊

<div id="slideshow">
  <% @images.each do |image| %>
    <%= image_tag("gallery/"+image.path, :alt => "") %>
  <% end %>
</div>

视图布局 - _nav

<%= will_paginate @images,   :previous_label => '&laquo; ',
                              :next_label     => '&raquo;',
                              :params => { :controller => "images",
                                           :action => "gallery" },
                              :separator      => ' ',
                              :inner_window   => 4,
                              :outer_window   => -1           %>

-----------编辑--------------

作为解决办法，我决定使用 javascript / jquery 并手动链接它..它真的很难看，但我使用它直到我找到正确的方法。

$(document).ready(function() {
  $('div#slideshow img').live('click', function() {
    var has_images = '<%= @has_image %>';
    if( has_images == 1 ) {
      var page = '<%= @next_image.id %>';
      var url = '/images/gallery?page='+page
      window.location.replace(url);
    }
    else {
      var url = '/images/gallery?page=1'
      window.location.replace(url);
    }

  })
})

原文

I am using rails 3 and will_paginate to browse through photos. I have it working except I would also like it so that users can view the next record by clicking the picture rather than the next button in the pagination navigation. Very similar to facebooks image viewing or something like the following: http://exposure.blogocracy.org/demos/demo1.html

I don't know if will_paginate has any parameters to allow this to work... any help or direction would be very much appreciated

controller - image - action: gallery

def gallery
  @images = Image.all.paginate(:per_page => 1, :page => params[:page])
end

view image - gallery

<div id="slideshow">
  <% @images.each do |image| %>
    <%= image_tag("gallery/"+image.path, :alt => "") %>
  <% end %>
</div>

view layout - _nav

<%= will_paginate @images,   :previous_label => '« ',
                              :next_label     => '»',
                              :params => { :controller => "images",
                                           :action => "gallery" },
                              :separator      => ' ',
                              :inner_window   => 4,
                              :outer_window   => -1           %>

-----------EDIT--------------

As a work around I decided to use javascript / jquery and link it manual.. it's really really ugly but im using it until i figure out the right way to do it.

$(document).ready(function() {
  $('div#slideshow img').live('click', function() {
    var has_images = '<%= @has_image %>';
    if( has_images == 1 ) {
      var page = '<%= @next_image.id %>';
      var url = '/images/gallery?page='+page
      window.location.replace(url);
    }
    else {
      var url = '/images/gallery?page=1'
      window.location.replace(url);
    }

  })
})

分享到QQ

分享到微博