javascript - Rails：如何使用 javascript 滑块显示 ActiveRecord 对象？

Question

在我的主页上，我想显示 30 个随机用户。但我想使用滑块显示它们。所以一次只显示 1 个用户，并且有滑块可以转到下一个用户。在我的主页控制器中，我有：

@random_users = User.random(30)

我想在其中显示用户照片和他的个人资料中的其他div信息

height:400px;
width:200px;

我只是不确定如何为活动记录对象实现滑块功能。有没有我可以使用的 gem 或插件？

Answer 1

我对滑块的常规选择之一是bxslider：http ://bxslider.com/ 。

有一个 rails gem bxslider-rails可以为您完成所有设置：https ://github.com/manfe/bxslider-rails

然后你可以做这样的事情：

看法：

<div class="slider-wrapper">
  <ul class="bxslider">
    <% @random_users.each do |user| %>
      <li>
        <%= image_tag user.image %>
        <%= user.name %>
      </li>
    <% end %>
  </ul>
</div>

Javascript：

$('.bxslider').bxSlider({mode: 'fade', auto: true});

CSS：

.slider-wrapper { 
  height:400px;
  width:200px;
}

Answer 2

没有 gem，但是如果您使用的是 jquery，那么您可以使用 jCarousel 和 Cycle 等 jQuery 插件。