Q&A
html
1<!doctype html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>HTML</title> 6 <link rel="stylesheet" href="./css/lightbox.css"> 7 <link rel="stylesheet" href="./css/stylesheet.css"> 8 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 9 <script src="./js/lightbox.min.js"></script> 10</head> 11<body> 12 <a href="./images/samp1.jpg" data-lightbox="lightbox[group1]" data-title="サンプル"> 13 <img src="images/samp1.jpg" alt="sample01"> 14 </a> 15 <a href="./images/samp2.jpg" data-lightbox="lightbox[group1]" data-title="サンプル"> 16 <img src="images/samp2.jpg" alt="sample02"> 17 </a> 18 <a href="./images/samp3.jpg" data-lightbox="lightbox[group1]" data-title="サンプル"> 19 <img src="images/samp3.jpg" alt="sample03"> 20 </a> 21</body> 22</html>
lightboxを読み込んで、クリックすると画像を同じページにオーバーレイ（拡大表示）させたいのですが、
このソースだと画像を別タブで表示させてしまいます。
同じタブで拡大表示させたいです。
どう修正すればいいですか？
回答1件
0
ベストアンサー
私も以前苦戦しました。
１つの解決方法として、bodyタグの終了直前でjsを読み込むと、lightboxが動作しました。
html
1... 2<script src="./js/lightbox.min.js"></script> 3</body> 4</html>
投稿2015/10/08 17:04
総合スコア91
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/09 06:17