如何使图像轮播工作？

Question

from paramiko import py3compat
# dirty hack to fix threading import lock (issue 104) by preloading module
py3compat.u("dirty hack")

视图的

css

<%=stylesheet_link_tag "fabelio" %>
<div id="slider">
<figure>
<% @users.each do |user| %>
<%=image_tag(user.url,:alt => "") %>
<% end %>
</figure>
</div>
<br />
<%= link_to "Add Image", new_user_path %>

目前它正在显示3个图像，一个在另一个之下并滑动它。如何只显示一个图像并将其滑动。我尽力了。有没有更好的方法来做到这一点，不使用任何宝石。

Answer 1

您可以使用刚刚通过索引直接访问的用户的第一个用户的值，或者只是在第一次启动后中断当前循环。

Answer 2

你的标记没有提供足够的信息，但你的问题似乎是旋转木马而不是Rails。试试Bootstrap Carousel，这很容易使用。在每个循环中，您可以使用图像标记创建div。

    <div class="item">
      <img src="..." alt="..."> <!-- Replace this with image tag -->
      <div class="carousel-caption">
        ...
      </div>
    </div>