如何为画廊中的第一张图片赋予与其他图片不同的类别 - Carrierwave答案

【问题标题】：How to give the First image in a gallery a different class than the rest of the images - Carrierwave如何为画廊中的第一张图片赋予与其他图片不同的类别 - Carrierwave
【发布时间】：2013-06-24 22:16:56
【问题描述】：

我有一个名为“Photo”的模型，它属于一个名为“Shoe”的模型。我使用 Carrierwave 上传多张图片。

index.html.erb

  <% shoes.each do |shoe| %> 
    <div class="shoe">
      <div class="gallery">
        <% shoe.photos.each do |photo| %>
          <%= link_to image_tag(photo.photo_file.url(:thumb).to_s), photo.photo_file.url.to_s, :class => 'fancybox', :rel => 'gallery' %>
        <% end %>
      </div>
    </div>
  <% end %>

输出这个：

<div class="shoe">
     <div class="gallery">
        <a class="fancybox" href="../nike-kd-6-meteorology-2.jpg" rel="gallery">
           <img src="../thumb_nike-kd-6-meteorology-2.jpg">
        </a>
        <a class="fancybox" href="../nike-kd-6-meteorology-2.jpg" rel="gallery">
           <img src="../thumb_nike-kd-6-meteorology-2.jpg">
        </a>
        <a class="fancybox" href="../nike-kd-6-meteorology-2.jpg" rel="gallery">
           <img src="../thumb_nike-kd-6-meteorology-2.jpg">
        </a>
     </div>
</div>

但我希望每个画廊的第一张图片能够拥有自己的类别，而其余的图片拥有自己的类别。像这样的：

        <a class="firstclass" href="../nike-kd-6-meteorology-2.jpg" rel="gallery">
           <img src="../thumb_nike-kd-6-meteorology-2.jpg">
        </a>
        <a class="fancybox" href="../nike-kd-6-meteorology-2.jpg" rel="gallery">
           <img src="../thumb_nike-kd-6-meteorology-2.jpg">
        </a>
        <a class="fancybox" href="../nike-kd-6-meteorology-2.jpg" rel="gallery">
           <img src="../thumb_nike-kd-6-meteorology-2.jpg">
        </a>

我该怎么做？

我还希望每个画廊都有自己的唯一 ID，但是当我尝试添加此 ID 时：

:rel => 'gallery<%= shoe.id %>'

我收到语法错误。

谢谢。

【问题讨论】：

标签： ruby-on-rails carrierwave ruby-on-rails-4

【解决方案1】：

这样的？

<% shoes.each do |shoe| %> 
  <div class="shoe">
    <div class="gallery">
      <% shoe.photos.each_with_index do |photo, index| %>
        <% image_class = index.zero? ? "firstclass" : "fancybox" %>
        <%= link_to image_tag(photo.photo_file.url(:thumb).to_s), photo.photo_file.url.to_s, :class => image_class, :rel => "gallery_#{shoe.id}" %>
      <% end %>
    </div>
  </div>
<% end %>

【讨论】：