2017-06-07 8 views
0

ライトボックスプラグインをセットアップしてフォルダから画像をロードしようとしていますが、画像を開きたくありません。 イメージをクリックしてライトボックスで開こうとすると、端末でルーティングエラーが発生し、ルートが一致しません。 ライトボックスが動作していて、外部の画像リンクで試してみましたが、フォルダの画像では動作しません。ライトボックスが画像をフォルダから開くようにしたくない

これはこれまで私が行ってきたことです。

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

ちょっとクリスティス、これ以上の情報なしでこれに答えるのは難しいでしょう。 JSコンソールでエラーが発生していますか? 'data-lightbox'属性が' 'タグに表示されていることを確認できますか?開発コンソールの[ネットワーク]または[ソース]タブでライトボックスjs libが要求されていることを確認しましたか? – coreyward

+0

'@import 'ライトボックスを'; '='ライトボックスが必要 'に変更するか、' application.css.scss'に 'application.css'の名前を変更してみてください。 – Pavan

+0

こんにちは、コアエラーはありません。データライトボックスの属性が表示され、私は質問にソースコードを追加しました。ネットワークタブでライトボックスが要求されました – Kristis

答えて

0

正しい例

問題は、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 %> 
関連する問題