Question

我正在尝试设置灯箱插件以从文件夹加载图片，但它不想打开图片。当我点击图像并尝试用灯箱打开时，在终端我得到路由错误，没有路由匹配。 Lightbox正在运行，尝试使用外部图像链接，但它不能处理文件夹中的图像。

这是我到目前为止所做的。

index.html.erb

<div class="container">
  <id class="gallery">
    <div class="row">
      <% @images.each do |image| %>
        <div class="col-md-2">
          <a href="<%= image %>" class="img-responsive" data-lightbox="my-images">
            <%= image_tag image, class: "img-responsive" %>
          </a>
        </div>
      <% end %>
    </div>
  </id>
</div>

controller.rb

  def gallery
    @images = Dir.chdir(Rails.root.join('app/assets/images')) do
      Dir.glob("galleria/landscape/*.jpg")
    end
  end

的application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
//= require lightbox
//= require_tree .

application.css

 @import "lightbox";

源代码：

<a href="galleria/portrait/17-min.jpg" class="photo-hover img-responsive" data-lightbox="my-images"">
    <img class="img-responsive" src="/assets/galleria/portrait/17-min-ec4c03d557eb21edfdb115aaf9a69eab86e27b247385b8af3bb88a87cb398fd5.jpg" alt="17 min" />
</a>

Answer 1

正确的例子

问题在于href网址。

<% @images.each do |image| %>
  <div class="col-md-3 portrait">
    <a href='<%= "/images/#{image}" %>' data-lightbox="my-images">
      <%= image_tag image, class: "img-responsive" %>
    </a>
  </div>
<% end %>

灯箱不想从文件夹中打开图像

1 个答案: