如何编写这个Rails资产管道链接

Rails 4.2 这个资产管道的东西，我仍然不知道。我会如何写这个？如何编写这个Rails资产管道链接

<!-- For image lightbox you need to include "a" tag pointing to image link, along with the class "prettyphoto".--> 
      <div class="gallery"> 
       <!-- Full size image link in anchor tag. Thumbnail link in image tag. --> 
       <a href="img/portfolio/1.jpg" class="prettyphoto"><img src="img/portfolio/1.jpg" alt="" class="img-responsive"></a>

我已经尝试了二十种方法，但我无法得到它。假设一个小图像出现，然后当你点击它时图像更大。我需要使用两个现有的类，因为这是一个引导到Rails的模板转换。

来源

2016-02-27 MMark

如果是在公共/资产/图片你可以这样访问：

<%= image_tag 'name_of_image.png', class: 'name-of-class' %>

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

<%= link_to 'name_of_image.png', object_path, class: 'name-of-class' %>

来源

2016-02-27 21:25:33 toddmetheny

我知道如何做一个简单的IMAGE_TAG但问题是不是。我需要的答案必须在使用两个类时生成一个href和一个src。仔细看看我发布的代码。谢谢。 – MMark

最简单的方法就是将一个jquery点击事件添加到类中。类似于$（'。name-of-class）.on（'click'，function（）{//做一些事情，添加类或修改图像的大小属性}） – toddmetheny

您也可以有两个图像，但有一个w/display none并点击事件隐藏较小的图像并显示较大的图像。很多简单的方法来做到这一点瓦特/ JavaScript。可能w /纯CSS，但最简单的（对我来说，至少）只使用javascript/jquery。 – toddmetheny

如何编写这个Rails资产管道链接

回答

相关问题