Q&A
LightBoxを実装しようと思って、とりあえず公式から落として色々なサイトを参考に以下のコードを書いてみたのですが、画像をクリックしてもa要素によって、ページが移動し画像だけがぽつんと表示されている状態です。
以下コードです
HTML
1<html> 2 <head> 3 <link rel="stylesheet" href="css/lightbox.css"> 4 <script src="jquery-1.8.1.min.js"></script> 5 <script src="js/lightbox.js" type="text/javascript"></script> 6 </head> 7 8 <body> 9 <a href="images/pic.jpg" rel="data-lightbox"><img src="images/pic.jpg"></a> 10 <script src="js/lightbox.js" type="text/javascript"></script> 11 </body> 12</html>
追記
公式には</body>で閉める前にjsの記述をする というようなのが書いてあったので、とりあえず両方ともに書いておきました。
回答1件
0
ベストアンサー
もしかして.. 肝心のJQueryが読み込まれていないんじゃないですか？
併用しないと動きませんよ
html
1<script src="js/jquery.js" type="text/javascript"></script> 2<script src="js/lightbox.js" type="text/javascript"></script>
Jqueryを先に読み込ませておく必要があります
あと <script src="js/lightbox.js" type="text/javascript"></script>が
ヘッダーとボディーに二度記述してありますけど、
どちらか一回でいいですね^^
投稿2016/04/19 23:42
編集2016/04/19 23:44
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/20 16:08