2016-01-21 49 views
0

這是圖庫原始代碼的一部分,它顯示縮略圖,然後顯示燈箱中相同的較大圖像。如何在Bootstrap Photoswipe中顯示紅寶石圖像?

<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的結合。

回答

0

簡單地把它作爲一個選項後:class

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

產生的HTML應該類似於例子。