как включить data-fancybox в рельсы?

Question

Я купил шаблон начальной загрузки для включения в мое приложение rails. У меня есть эти строки, которые я хотел бы перевести на ruby:

<a data-fancybox="gallery" href="../assets/img/portfolio/portfolio-big-02.jpg"><img class="img-fluid w-100" src="../assets/img/portfolio/portfolio-02.jpg" alt="Image 02" /></a>

Пока у меня есть:

<%= image_tag('portfolio/portfolio-02.jpg', class:'img-fluid w-100', data: {fancybox: 'gallery'}) %>

Нокартинка исчезает после нажатия на нее. Кто-нибудь знает решение? Большое спасибо

Answer 1

При использовании помощников ruby ​​это:

<a data-fancybox="gallery" href="../assets/img/portfolio/portfolio-big-02.jpg"><img class="img-fluid w-100" src="../assets/img/portfolio/portfolio-02.jpg" alt="Image 02" /></a>

будет:

<%= link_to image_path('portfolio/portfolio-big-02.jpg', data: {fancybox: 'gallery'} do %>
  <%= image_tag 'portfolio/portfolio-big-02.jpg', class: 'img-fluid w-100', alt: 'Image 02' %>
<% end %>

Answer 2

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

Вы можете оставить исходную строку и изменить только значения href и src, чтобы они указывали на правильное расположение файла. Что-то вроде:

<a data-fancybox="gallery" href="/img/portfolio/portfolio-big-02.jpg"><img class="img-fluid w-100" src="/img/portfolio/portfolio-02.jpg" alt="Image 02" /></a>

Для этого требуется только наличие папки img с изображениями в общей папке.