如何在一张幻灯片中显示两个图像

Question

我在我的 rails 应用程序中使用 bxslider，它工作正常。它每张幻灯片显示一张图片，但我想要每张幻灯片显示两张图片。

<ul class="bxslider">
  <% @highlights.each do |highlight| %>
  <% if highlight.area == current_or_guest_user.search_area or highlight.state == current_or_guest_user.search_state or highlight.city == current_or_guest_user.search_city %>
  <li><%= image_tag highlight.image, :class => "dali" %></li>
  <% end %>
  <% end %>
</ul>

如果我复制 image_tag 它确实会在一张幻灯片中显示两张图片，但是是同一张图片。

Answer 1

您可以成对获取记录。试试这个：

<ul class="bxslider">
  <% @highlights.each_cons(2) do |highlight1, highlight2| %>
    <% if condition %>
      <li class="row">
        <%= image_tag highlight1.image, :class => "dali col-xs-6" %>
        <%= image_tag highlight2.image, :class => "dali col-xs-6" %>
      </li>
    <% end %>
  <% end %>
</ul>

如何在一张幻灯片中显示两个图像

How to show two images in one slide

ruby-on-rails

bxslider