Question

我是前端新手，我正试图弄清楚如何在我的rails应用程序中构建以下内容：

每张图片都是公司模型，其中包含属性标题，副标题，图片和交易数量。我希望每个单独图像的整个区域都是可点击的，并链接到“show”动作。此外，我需要使图像变暗以使文本更具可读性。我的问题是如何制作每个单独的图片按钮。

目前，我通过Gemfile中的以下gem在我的应用程序上部署了引导程序：

gem 'bootstrap-sass', '2.3.2.0'

我使用carrierwave来存储图像，并且可以通过以下方式访问它们：

<%= image_tag @company.image_url %>

这似乎是一个很长的答案，但我真的不知道从哪里开始。

Answer 1

您只需要将Image放在这样的锚点中：

<%= link_to(image_tag @company.image_url, company_path(@company)) %>

基本上，link_to创建一个链接，其中第一个参数是向用户显示的“可点击”内容，第二个参数是实际链接本身。

Answer 2

我相信所有你需要制作所有图片html div。

让我们说第1图像是带有标记作为内部html元素，背景图像带有图像。

您也可以将特定徽章放置/设置到该div，也可以使用css在任何鼠标事件上使该图像变暗。

如果我遗失任何内容或您有任何疑问。请让我知道..

感谢。