燈箱不想從文件夾中打開圖像

我想設置燈箱插件來從文件夾中加載圖像，但它不想打開圖像。當我點擊圖像，它試圖與燈箱打開，在終端我得到路由錯誤，沒有路由匹配。燈箱正在工作，嘗試與外部圖像鏈接，但它不處理來自文件夾的圖像。燈箱不想從文件夾中打開圖像

這是我到目前爲止。

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>

來源

2017-06-07 Kristis

嘿克里斯蒂斯，這將是很難回答這個沒有更多的信息。你的JS控制檯中是否有錯誤？你能否確認''標籤上顯示'data-lightbox'屬性？您是否確認了您的開發控制檯的網絡或源選項卡中正在請求Lightbox js庫？ – coreyward

嘗試更改'@import「燈箱」;'爲'* =需要lightbox'或嘗試將'application.css'重命名爲'application.css.scss' – Pavan

嗨核心，我沒有收到任何錯誤。數據lightbox屬性顯示，我添加了源代碼到我的問題。在網絡標籤 – Kristis

正確示例

問題是與A HREF URL。

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

來源

2017-06-08 16:06:28 Kristis

燈箱不想從文件夾中打開圖像

回答

相關問題