將引導映像庫添加到Rails應用程序

我找到了寶石bootstrap-addons-rails並希望將它用於我的Rails應用程序中的圖像庫。將引導映像庫添加到Rails應用程序

我建立了一個模型畫廊和連接它通過一個具有一對多的關係的模型圖片。存儲我使用Paperclip的圖像。現在我想建立的示意圖（在畫廊控制器顯示行動），並試圖按照文檔的引導圖片廊，它說：

<div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery"> 
    <a href="banana.jpg" title="Banana" data-gallery="gallery">Banana</a> 
    <a href="apple.jpg" title="Apple" data-gallery="gallery">Apple</a> 
    <a href="orange.jpg" title="Orange" data-gallery="gallery">Orange</a> 
</div>

我開始與以下我查看：

<div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery"> 
    <% @gallery.images.each do |image| %> 
    <%= image_tag(image.url.url(:original)) %> 
    <% end %> 
</div>

但我不知道如何將HTML-Snippet轉移到良好的工作Rails代碼。特別是href =「apple.jpg」是我的問題。我不`噸知道我怎樣才能把有喜歡的東西：

image_tag(image.url.url(:original))

我會感謝任何回答。

來源

2013-04-16 Christopher Lienemann

如果你想鏈接到的圖像，使用此代碼：

<%= link_to image.url.url(:original), "Image", :data => {:gallery => 'gallery'}, :title => "Apple" %>

如果你想實際圖像有數據類型的屬性，使用此代碼：

<%= image_tag(image.url.url(:original), :data => {:gallery => "gallery"}, :title => "Apple") %>

希望它有助於！

來源

2013-04-16 15:47:56

你用Bootstrap Image Gallery的那個嗎？我想顯示圖片的縮略圖，該圖片鏈接到圖像並打開Twitter Bootstrap工具包的模式對話框。 –

我找到了一個解決方案。我不得不使用類似的東西：'<％= link_to image_tag（image.url.url（：original）），image.url.url（：original），：data => {：gallery =>'gallery'}，：title =>「Apple」％>' –

太棒了！我很高興這對你有幫助！ –

將引導映像庫添加到Rails應用程序

回答

相關問題