JQueryのlightboxを使いたいのですが、lightbox.jsをhead内で呼び込もうとすると反映されません。
下記のソースのようにbody内で指定すると問題なく呼び込めるのですが、理由がわかりません。
<head> <meta charset="UTF-8"> <title>lightbox</title> <link href="css/lightbox.css" rel="stylesheet" media="all" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <script src="js/lightbox.js" type="text/javascript"></script> <a href="images/s001.jpg" data-lightbox="group" data-title="S001"><img src="images/s001.jpg" alt="" width="250" height="500" /></a> <a href="images/s002.jpg" data-lightbox="group" data-title="S002"><img src="images/s002.jpg" alt="" width="250" height="500" /></a> <a href="images/s003.jpg" data-lightbox="group" data-title="S003"><img src="images/s003.jpg" alt="" width="250" height="500" /></a> <a href="images/s004.jpg" data-lightbox="group" data-title="S004"><img src="images/s004.jpg" alt="" width="250" height="500" /></a> </body>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。