- ベストアンサー
Shadowbox.jx3.0.3が動かない
- Shadowbox.jx3.0.3の導入に関して問題が発生しています。
- 画像のリンクに関連しているため、lightboxの動作が正常に機能していないようです。
- jQueryの導入にも問題があり、全く動かない状態になっています。
- kakeru0926
- お礼率33% (1/3)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
試してみました。 ポイントは、文字コードを UTF-8 にしたこと、Shift_JIS ではエラーになりました。 （実際には使用しないため、それ以上調べていません） <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title></title> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.4.2");</script> <script type="text/javascript" src="shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ language: "ja", players: ["img"]}); </script> <link rel="stylesheet" href="shadowbox.css" type="text/css"> </head> <body> <a href="xxx.png" rel="shadowbox">My Image</a> </body> </html>
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
＞index.htmlやshadowbox.css ,shadowbox.jsは全て同階層です。 jqueryはどこに置いてますか？ ＞<script type="text/javascript" src="/jquery-1.5.1.min.js"></script> で、jqueryは実行されていますか？
補足
初めまして、ご回答ありがとう御座います。 jqueryも同階層に置いています。 特にエラーも無くindex.htmlは表示できていますが、jqueryが実行されているかどうかというのは、どう判断すればよいのでしょうか。。 お手間を取らせて済みません。
お礼
動きました！ ハッキリした明確な理由はしっくり来ていませんが動きました！ ヘッダの中に <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> の3行を追加してみたら動きました。 文字コードの設定が大事だったってことなんでしょうか？ 凄く助かりました。ありがとうございます！