Question

我是新手，不知所措，如果能在这里指导，我将不胜感激。

我正在开发一个测试站点，就像一个个人博客，只是为一个用户添加投资组合。

我有一个脚手架“ Images”，用于在应用程序中添加图像，该脚手架只有两个字段，一个用于上传图像，另一个用于摄影师姓名。

图像将显示在主页上-一切正常。
但是，当我单击图像时，图像会放大，并且用户可以使用左右箭头来滚动图片。
我的问题-单击该图像时，图像未获取，并显示消息“此图像无法加载。

下面是我的代码供您参考，我敢肯定我在这一行中犯了一些错误

<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 -->

Answer 1

此行

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

应该可能只是这样：

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

无法在滑块中显示图像

1 个答案: