我正在尝试设置灯箱插件以从文件夹加载图片,但它不想打开图片。 当我点击图像并尝试用灯箱打开时,在终端我得到路由错误,没有路由匹配。 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>
答案 0 :(得分:0)
正确的例子
问题在于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 %>