Rails:如何使用 JavaScript 滑块显示 ActiveRecord 对象

Rails: How to use a javascript slider to display ActiveRecord Objects?

本文关键字：显示 ActiveRecord 对象 JavaScript 何使用 Rails      更新时间：2023-09-26

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

@random_users = User.random(30)

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

height:400px;
width:200px;

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

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

有一个轨道宝石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;
}

没有 gem 可以做到这一点，但如果你使用 jquery，那么有 jQuery 插件，如 jCarousel 和 Cycle，你可以使用它们。

相关文章：