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>
ちょっとクリスティス、これ以上の情報なしでこれに答えるのは難しいでしょう。 JSコンソールでエラーが発生していますか? 'data-lightbox'属性が' 'タグに表示されていることを確認できますか?開発コンソールの[ネットワーク]または[ソース]タブでライトボックスjs libが要求されていることを確認しましたか? – coreyward
'@import 'ライトボックスを'; '='ライトボックスが必要 'に変更するか、' application.css.scss'に 'application.css'の名前を変更してみてください。 – Pavan
こんにちは、コアエラーはありません。データライトボックスの属性が表示され、私は質問にソースコードを追加しました。ネットワークタブでライトボックスが要求されました – Kristis