Rails4エラー JQuery lightbox2 画像が拡大表示されない

jQueryプラグインのlightbox2で画像を拡大したいのですが、リンクを押すと拡大せずにRouting Errorとなります。原因として考えられるのは何でしょうか？初心者ですが宜しくお願い致します。

現在のコード

find.html.erb

html
1<script type="text/javascript" src="js/prototype.js"></script>
2<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
3<script type="text/javascript" src="js/lightbox.min.js"</script>
4<script type="text/javascript" src="js/lightbox.js"</script>
5<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
6
7<a href="myPhotos/test.png" rel="lightbox" title="画像1">画像1</a>
8

行動規範の内容に同意します

回答3件

ベストアンサー

jquery入りのlightboxでlightbox-plus-jquery.jsあります。
また、jquery入りのjsの場合はheadではなく</body>の直前に記載すれば良いようです。

不要な部分を省略したHTMLを記載しておきます。

html
1<html>
2  <head>
3    <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.9.0/css/lightbox.css" rel="stylesheet"  type="text/css"
4  </head>
5  <body>
6    <a href="http://lokeshdhakar.com/projects/lightbox2/images/image-1.jpg" data-lightbox="example-2"><img class="ecg-image" src="http://lokeshdhakar.com/projects/lightbox2/images/image-1.jpg" alt="" width='200' height='200' /></a>
7    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.9.0/js/lightbox-plus-jquery.js"></script>
8  </body>
9</html>

投稿2016/11/14 06:29

編集2016/11/14 06:30

mosapride

総合スコア1480

中身がどんなのか分かりませんがjQueryのタグをつけているのでjQueryなんだと思いますが、jQueryのライブラリ本体は読み込んでいるのでしょうか？

投稿2016/11/14 03:15

gin

総合スコア2722

一般的に prototype.js や scriptaculous.js を最近は使いませんが、何を参考にされているのでしょうか。
lightbox.min.js と lightbox.js を読み込むように書かれていますが、lightbox.min.js は lightbox.js の圧縮版なのでどちらかだけでよいです。
rel="lightbox" とされていますが、最新リリース版では data-lightbox="image-1" となっています。

【Lightbox】
http://lokeshdhakar.com/projects/lightbox2/

また、ginさんのおっしゃるように jQuery が読み込まれていないように見受けられます。

投稿2016/11/14 04:49