ruby-on-rails-3 - Rails 图像数组——创建显示下一个/上一个图像的链接

Question

我仍然是 Rails 初学者，还有很多东西要学。

目前，我可以一次显示所有图像，没问题：

<!-- For the Thumbnail strip -->
<% @examples.each do |e| %>
    <ul class="example-grid"><%= e.description %></ul>
    <% if e.image.url != "/images/original/missing.png"  %>
        <p><%= image_tag e.image.url, size: "200x200" %></p>
    <% end %>
<% end %>

但我想首先显示@examples[0]和从那里的图像，有两个link_to或button_to路径来显示@example[current + 1]。类似的东西。

这是如何运作的？

感谢 SOF 社区！

Answer 1

可以使用Jquery Sliders，图片幻灯片插件 图片幻灯片演示链接

Answer 2

尝试引导轮播并像现在一样生成 html：

http://getbootstrap.com/javascript/#carousel

<div id="carousel-example-generic" class="carousel slide">
  <!-- Indicators -->
  <% @examples.each_with_index do |e, index| %>
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="<%= index %>" class="<%= if e.primary ? "active" : "" %>></li>
  </ol>
  <% end %>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
  <% @examples.each do |e| %>
    <div class="item active">
<% if e.image.url != "/images/original/missing.png"  %>
    <p><%= image_tag e.image.url, size: "200x200" %></p>
<% end %>
      <div class="carousel-caption">
        ...
      </div>
    </div>
    ...
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="icon-next"></span>
  </a>
</div>