不能一起使用回形针+灯箱

Question

如何使用 rails link_to 方法执行这段灯箱代码

<a href="img/bmw.jpg" data-lightbox="cars" data-title="My caption"><img src="img/bmw.jpg"></a>

image_tag输出图像很好

image_tag(@ad.photo.url(:medium))

那么如何将此 image_tag 与 link_to 一起使用，以便灯箱正常工作？

我的application.js

//= require jquery
//= require jquery_ujs
//= require foundation
//= require lightbox
//= require turbolinks
//= require_tree .

$(function(){ $(document).foundation(); });

我的 application.css 是

 *= require_tree .
 *= require_self
 *= require foundation_and_overrides
 *= require lightbox
 *= require mystyle
 */

Answer 1

link_to image_tag(@ad.photo.url(:medium)), @ad.photo.url(:original), data: { lightbox: "cars", title="MyCaption" }

细分：第一个 image_tag 是您的缩略图，第二个是您的原始图像，它将显示在 lightbox 生成的模式中。

顺便说一句：这是 Slim 语法。

调试后的工作代码：

link_to image_tag(@ad.photo.url(:medium)), image_path(@ad.photo.url(:medium)), data: { lightbox: "cars", title="MyCaption" }