如何在 Bootstrap Photoswipe 中显示红宝石图像

Question

这是图库原始代码的片段，它显示缩略图，然后在灯箱中显示相同的较大图像。

<a href="https://farm3.staticflickr.com/2567/5697107145_a4c2eaa0cd_o.jpg" itemprop="contentUrl" data-size="1024x1024">

<img src="https://farm3.staticflickr.com/2567/5697107145_3c27ff3cd1_m.jpg" itemprop="thumbnail" alt="Image description" />

我想用从

Rails 数据库中拉取的图像替换 url 图像，通常这样表示。

<%= image_tag photo.image_url(:thumb), :class => 'img-thumbnailTest' %>

我认为itemprop是关键，但我不确定如何将其与Rails结合使用。

Answer 1

只需在

:class后将其作为选项传递

即可

<%= image_tag photo.image_url(:thumb), :class => 'img-thumbnailTest', :itemprop => 'thumbnail' %>

生成的 HTML 应类似于示例。