0

Я нашел драгоценный камень bootstrap-addons-rails и хотел использовать его для галерей изображений в приложении Rails.Добавить галерею изображений Bootstrap в приложение Rails

Я построил модель Галерея и подключил его через HAS-многочастичных отношения к модели Image. Для хранения изображений я использовал Paperclip. Теперь я хотел бы построить представление (шоу-действие в галереи-контроллер) и пытался следовать документации по Bootstrap Галерея изображений, в котором говорится:

<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-врезку для хорошей работы Rails-кода. Особенно href = "apple.jpg" - моя проблема. Я не знаю, как я могу положить туда что-то вроде:

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

Я был бы благодарен за любой ответ.

ответ

2

Если вы хотите сделать ссылку на изображение, используйте этот код:

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

Если вы хотите реальное изображение, чтобы иметь атрибут типов данных, используйте этот код:

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

Надежда помогает!

+0

Вы использовали этот вариант для галереи изображений Bootstrap? Я хочу показать миниатюру картинки, которая ссылается на изображение и открывает диалоговое окно Modal инструментария Bootstrap от Twitter. –

+0

Я нашел решение. Мне пришлось использовать что-то вроде этого: '<% = link_to image_tag (image.url.url (: original)), image.url.url (: original),: data => {: gallery => 'gallery'}, : title => "Apple"%> ' –

+0

Отлично! Я рад, что это помогло вам! –

Смежные вопросы