Ruby on Rails中的元素滑块

时间:2011-02-21 11:38:54

标签: ruby-on-rails

我正在研究Rails3应用程序。我正在尝试创建一个滑块类型显示,其中5个元素(来自数据库中的表格)在页面上连续存在,并且两侧都有箭头。

我想要的是,通过按箭头,将通过重新渲染整个滑块并用适当的元素替换内容来显示下一个(或上一个,取决于箭头)元素。在任何时候我都希望在页面上显示5个元素,并且每次单击箭头似乎会使一个元素在一侧消失而另一个元素在另一侧显示。我也希望它是一个圆形滑块,这意味着它永远不会从最后一个元素跳到第一个元素。

我如何实现这一目标。所有工作都应该在控制器内完成。另外,我希望元素的起点是随机的,这意味着在页面的第一次加载时,滑块可能处于循环的中间。有任何想法吗?

我宁愿比重新渲染整个滑块更好的方法,比如只需通过AJAX更改内容,只更改必须更改的内容。

2 个答案:

答案 0 :(得分:1)

您要找的是旋转木马。如果您使用任何JavaScript库(如JQuery或PrototypeJS),有许多插件可以执行此操作。 This就是这样一个例子。以下是Top 10 Javascript slideshows, carousels and sliders的列表。

答案 1 :(得分:0)

这两个视频可能会有所帮助

如果您使用了will_paginate,您可以将控制器设置如下

def self.search(search, page)
  paginate :per_page => 5, :page => page,
       :conditions => ['name like ?', "%#{search}%"],
       :order => 'name'
end

然后只需使用CSS来为导航设置外观,因为您需要有关于此处的信息