Невозможно показать изображения в слайдере - PullRequest
Новая
       5

Невозможно показать изображения в слайдере

0 голосов
/ 02 января 2019

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

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

У меня есть эшафот «Изображения», который используется для добавления изображений в приложение. Эшафот имеет только два поля: одно для загрузки изображения и другое для имени фотографа.

  1. Изображения будут отображаться на главной странице, которая работает абсолютно нормально.
  2. Однако, когда я щелкаю изображение, изображение увеличивается, и пользователь может использовать стрелки вправо и влево для прокрутки изображений.
  3. Моя проблема - при нажатии на изображение изображения не извлекаются, и на нем появляется сообщение «Это изображение не может быть загружено.

Ниже приведен мой код для вашей ссылки, я уверен, что я делаю какую-то ошибку в этой строке 

<a href="image_tag image.photo.url" title="<%= image.by %>" >

Однако пока не может исправить это.

любая помощь или предложение было бы замечательно.

Мой код 

<!-- start portfolio section -->
<section class="wow fadeIn">
  <div class="container">
    <div class="row">
      <div class="col-md-12 no-padding xs-padding-15px-lr">
        <div class="filter-content overflow-hidden">
          <ul class="portfolio-grid work-3col hover-option4 lightbox-gallery gutter-small">
            <li class="grid-sizer"></li>
            <!-- start portfolio item -->
            <% @images.order('created_at DESC').each do |image| %>
            <li class="grid-item web branding design wow fadeInUp">
              <a href="image_tag image.photo.url" title="<%= image.by %>" >
                <figure>
                  <div class="portfolio-img bg-extra-dark-gray">
                    <%= image_tag image.photo.url, class: "project-img-gallery", alt: "" %>
                  </div>
                  <figcaption>
                    <div class="portfolio-hover-main text-center">
                      <div class="portfolio-hover-box vertical-align-middle">
                        <div class="portfolio-hover-content position-relative">
                          <i class="ti-zoom-in text-white fa-2x"></i>
                        </div>
                      </div>
                    </div>
                  </figcaption>
                </figure>
              </a>
            </li>
            <% end %>
            <!-- end portfolio item -->
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- end portfolio section -->

1 Ответ

0 голосов
/ 02 января 2019

Эта строка 

<a href="image_tag image.photo.url" title="<%= image.by %>" >

должна выглядеть примерно так: 

<a href="<%= image.photo.url %>" title="<%= image.by %>" >
...