如何在塊中調用 link_to 輔助方法，在使用類的同時鏈接到圖像文件？

Question

此代碼是畫廊的一個元素。 “a href”標簽對於通過單擊來展開圖像至關重要。 重要的是我有“a href”，否則javascript插件（magnific-popup）將無法工作。

<a href="app/assets/images/1-fullsize.jpg" class="portfolio-box">
    <img src="app/assets/images/1-thumbnail.jpg" class="img-responsive" alt="">
    <div class="portfolio-box-caption">
        <div class="portfolio-box-caption-content">
            <div class="project-category text-faded">
                Category
            </div>
            <div class="project-name">
                Project Name
            </div>
        </div>
    </div>
</a>

到目前為止，我想出了這個：

<a href="app/assets/images/1-fullsize.jpg" class="portfolio-box">
    <%= image_tag("1-thumbnail.jpg", alt: "", :class => "img-responsive") %>
    <div class="portfolio-box-caption">
        <div class="portfolio-box-caption-content">
            <div class="project-category text-faded">
                Category
            </div>
            <div class="project-name">
                Project Name
            </div>
      </div>
    </div>
</a>

所以圖像是可見的，但圖片的擴展顯然在 Rails 中不起作用。 我想過在塊內實現一個 link_to 輔助方法。 但是我不知道如何使用 link_to 輔助方法，將其鏈接到文件並另外在塊中為其提供一個類？ 有不同的解決方案嗎？ 有人有任何提示嗎？ 如果您需要更多信息，請告訴我？

如何在塊中調用 link_to 輔助方法，在使用類的同時鏈接到圖像文件？

Answer 1

您可以使用image_path作為link_to第二個選項。

在示例中：

<%= link_to(image_path("1-fullsize.jpg"), class: "portfolio-box") do %>
    <%= image_tag("1-thumbnail.jpg", alt: "", :class => "img-responsive") %>
    <div class="portfolio-box-caption">
        <div class="portfolio-box-caption-content">
            <div class="project-category text-faded">
                Category
            </div>
            <div class="project-name">
                Project Name
            </div>
      </div>
    </div>
<% end %>

http://apidock.com/rails/ActionView/Helpers/AssetTagHelper/image_path

http://apidock.com/rails/ActionView/Helpers/AssetTagHelper/image_tag

http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to